1
00:00:00,000 --> 00:00:08,100

2
00:00:08,100 --> 00:00:08,890
>> ROGER ZURAWICKI: สวัสดีครับทุกคน

3
00:00:08,890 --> 00:00:11,310
ฉันจะได้รับความสนใจของคุณหรือไม่

4
00:00:11,310 --> 00:00:12,090
ขอบคุณครับ

5
00:00:12,090 --> 00:00:14,030
วันนี้ผมต้องการที่จะพูดคุยเกี่ยวกับดาวตก

6
00:00:14,030 --> 00:00:16,710
มันเป็นกรอบ JavaScript

7
00:00:16,710 --> 00:00:21,110
เราจะไปถึงวิธีที่คุณสามารถ
ทำให้ปพลิเคชันเว็บที่เจ๋งจริงๆ

8
00:00:21,110 --> 00:00:24,940
>> ก่อนที่เราจะเข้าไปใน JavaScript ฉัน
อยากจะบอกพวกคุณว่านี้จะ

9
00:00:24,940 --> 00:00:26,900
ถูก - คุณจะมีในภายหลัง
ชิ้นภาคการศึกษานี้

10
00:00:26,900 --> 00:00:28,520
มันควรจะเป็นเกี่ยวกับ JavaScript

11
00:00:28,520 --> 00:00:32,910
ผมคิดว่า [ไม่ได้ยิน] เป็นครั้งแรกที่จะไป
ครอบคลุม HTML เว็บสิ่ง PHP ก่อนที่เราจะ

12
00:00:32,910 --> 00:00:34,530
ย้ายไปที่ JavaScript

13
00:00:34,530 --> 00:00:39,650
และใน CS50, JavaScript ถือว่า
เช่นรหัสลูกค้า

14
00:00:39,650 --> 00:00:41,970
ดังนั้นจึงเพียง แต่ได้รับการทำงานใน
เว็บเบราเซอร์

15
00:00:41,970 --> 00:00:45,740
>> แต่ต้องขอบคุณความก้าวหน้าล่​​าสุดใน
เทคโนโลยีที่เรามีการบริหารจัดการในขณะนี้ในการทำงาน

16
00:00:45,740 --> 00:00:48,090
JavaScript เป็นเซิร์ฟเวอร์ได้เป็นอย่างดี

17
00:00:48,090 --> 00:00:51,630
ดังนั้นนี้ได้สร้างความเย็นจริงๆ
กรอบเพราะตอนนี้คุณสามารถเขียน

18
00:00:51,630 --> 00:00:55,250
ถูกต้องตามกฎหมายเหมือนกันสำหรับรหัส
ไคลเอ็นต์และเซิร์ฟเวอร์

19
00:00:55,250 --> 00:00:57,810
และเมื่อคุณกำหนดฟังก์ชั่นในของคุณ
เซิร์ฟเวอร์ของลูกค้าสามารถโทรหาผู้ที่

20
00:00:57,810 --> 00:00:59,090
ฟังก์ชั่นเดียวกัน

21
00:00:59,090 --> 00:01:00,370
และก็จะทำให้มันง่ายมาก

22
00:01:00,370 --> 00:01:04,519
ขณะที่ก่อนถ้าคุณกำลังใช้ PHP บน
เซิร์ฟเวอร์จาวาสคริปต์ที่ด้านหน้า

23
00:01:04,519 --> 00:01:08,040
end คุณต้องเขียนฟังก์ชัน PHP
แล้วรุ่น JavaScript ของ

24
00:01:08,040 --> 00:01:10,880
ฟังก์ชั่นเดียวกันที่จะทำ
ชนิดเดียวกันในการทำงาน

25
00:01:10,880 --> 00:01:14,330
>> ดังนั้นก่อนที่เราจะเริ่มต้นที่ฉันต้องการ
การแสดงให้เห็นตัวอย่างของสิ่งที่

26
00:01:14,330 --> 00:01:17,190
ดาวตกสามารถทำเพื่อคุณ

27
00:01:17,190 --> 00:01:20,330
ฉันจะแสดงให้คุณสาธิตซึ่งเป็นสิ่งที่
คุณจะสามารถที่จะสร้างโดย

28
00:01:20,330 --> 00:01:21,580
ในตอนท้ายของการสัมมนาครั้งนี้

29
00:01:21,580 --> 00:01:24,260

30
00:01:24,260 --> 00:01:25,670
เราก็ไปที่นี่

31
00:01:25,670 --> 00:01:27,410
นี้เป็นแอพพลิเคลีดเดอร์

32
00:01:27,410 --> 00:01:31,970
ก็ขึ้นจริงออกจากตัวอย่าง
ดาวตกที่ช่วยให้คุณ

33
00:01:31,970 --> 00:01:37,220
>> ดาวตกเป็นสิ่งที่ดีมากเพราะเมื่อคุณ
ติดตั้งเป็นแพคเกจที่คุณสามารถ

34
00:01:37,220 --> 00:01:39,140
พื้นเล่นรอบกับ
สี่เหล่านี้การสาธิต

35
00:01:39,140 --> 00:01:41,410
และลีดเดอร์เป็น
ครั้งแรกของการสาธิตเหล่านี้

36
00:01:41,410 --> 00:01:44,620
หลังจากการสัมมนาผมขอแนะนำให้ทุกท่าน
เพียงแค่การสำรวจการสาธิตอื่น ๆ

37
00:01:44,620 --> 00:01:48,300
เพราะฉันคิดว่าพวกเขากำลังเย็นจริงๆและ
พวกเขาแสดงให้เห็นพลังของดาวตก

38
00:01:48,300 --> 00:01:51,310
>> ดังนั้นสิ่งนี้เป็นนี้เป็น
โฮสต์บนลีดเดอร์บอร์ด

39
00:01:51,310 --> 00:01:54,950
นี่เป็นเพียงตรงไปตรงมาของชื่อรายการ

40
00:01:54,950 --> 00:01:56,510
และคุณสามารถเลือกคน

41
00:01:56,510 --> 00:01:57,780
พวกเขาเปลี่ยนเป็นสีเหลือง

42
00:01:57,780 --> 00:02:00,060
และจากนั้นคุณสามารถให้
พวกเขาห้าคะแนน

43
00:02:00,060 --> 00:02:02,850
และคุณจะสังเกตเห็นว่ารายการเป็น
เรียงลำดับเพราะที่ผมให้ตัวเองมากขึ้น

44
00:02:02,850 --> 00:02:05,850
และจุดมากขึ้นฉันตอนนี้ที่ด้านบน

45
00:02:05,850 --> 00:02:07,420
ดังนั้นนี่คือที่เราเริ่มต้น

46
00:02:07,420 --> 00:02:11,690
>> และสิ่งที่คุณจะสามารถที่จะนำมาใช้
จากการสัมมนาครั้งนี้เป็นอีกไม่กี่

47
00:02:11,690 --> 00:02:13,600
คุณสมบัติที่ผมได้เข้ามาอยู่ใน
ลีดเดอร์

48
00:02:13,600 --> 00:02:18,240
เราจะครอบคลุมวิธีการเช่นเดียวกับที่
เพิ่มห้าคะแนนให้กับผู้เล่นที่เราสามารถ

49
00:02:18,240 --> 00:02:28,720
ลบผู้เล่นเราสามารถเพิ่มผู้เล่นใหม่
และเราสามารถเลือกวิธีการที่เราต้องการ

50
00:02:28,720 --> 00:02:29,540
จัดเรียงพวกเขา

51
00:02:29,540 --> 00:02:35,240
และเหล่านี้คือทุกสาย API ง่ายมาก
ดาวตกที่ให้สำหรับคุณ

52
00:02:35,240 --> 00:02:39,120
นอกจากนี้คุณยังมีคุณสมบัติที่นี่
การสุ่มคะแนน

53
00:02:39,120 --> 00:02:41,450
>> ดังนั้นสิ่งที่เย็นจริงๆเกี่ยวกับเรื่องนี้
เป็นพวกคุณสามารถจริง

54
00:02:41,450 --> 00:02:43,820
ทั้งหมดไปที่เว็บไซต์

55
00:02:43,820 --> 00:02:46,575
ฉันจะใส่มันในข้อความขนาดใหญ่ที่นี่

56
00:02:46,575 --> 00:02:51,390

57
00:02:51,390 --> 00:02:52,640
One-รุนแรงนำ erboard.meteor.com

58
00:02:52,640 --> 00:03:03,390

59
00:03:03,390 --> 00:03:07,622
และเมื่อพวกคุณไปที่เว็บไซต์ของคุณ
ควรจะสามารถแก้ไขเว็บไซต์และ

60
00:03:07,622 --> 00:03:09,595
ทั้งหมดของการแก้ไขของคุณจะมองเห็นได้
เพื่อคนอื่น

61
00:03:09,595 --> 00:03:12,730

62
00:03:12,730 --> 00:03:17,740
เพื่อให้คุณสามารถ - พวกคุณทั้งหมด
สามารถเชื่อมต่อกับเว็บไซต์หรือไม่

63
00:03:17,740 --> 00:03:18,750
ดังนั้นเล่นรอบกับมัน

64
00:03:18,750 --> 00:03:20,440
ไปและเริ่มต้นการลบชื่อบางส่วน

65
00:03:20,440 --> 00:03:21,690
ดูสิ่งที่เกิดขึ้น

66
00:03:21,690 --> 00:03:35,370

67
00:03:35,370 --> 00:03:38,510
>> ดังนั้นคุณจะเห็นทุกคนสามารถเล่นได้

68
00:03:38,510 --> 00:03:41,930
นี่เป็นเพียงความปลอดภัยเริ่มต้น
โหมดดาวตก

69
00:03:41,930 --> 00:03:44,360
คุณจะเห็นว่าทุกคนสามารถ
เปลี่ยนแปลงข้อมูลของกันและกัน

70
00:03:44,360 --> 00:03:44,920
ไม่ต้องกังวล

71
00:03:44,920 --> 00:03:46,460
ดาวตกจะมีการรักษาความปลอดภัย

72
00:03:46,460 --> 00:03:49,860
นี่คือการดำเนินการได้อย่างง่ายดายมาก
คุณลักษณะที่คุณสามารถตั้งค่าผู้ใช้

73
00:03:49,860 --> 00:03:50,600
และการเข้าสู่ระบบ

74
00:03:50,600 --> 00:03:53,750
แต่ตอนนี้ทุกคนที่เข้ารับการตรวจ
เว็บไซต์สามารถให้ตัวเองเป็นจำนวนมาก

75
00:03:53,750 --> 00:03:55,000
จุดที่พวกเขาต้องการ

76
00:03:55,000 --> 00:03:57,140

77
00:03:57,140 --> 00:04:00,090
ดังนั้นผมเสมอเช่นนี้เพราะ
เป็นวิธีที่สนุกในการเริ่มต้น

78
00:04:00,090 --> 00:04:02,360
และจากนั้นเราก็จะพูดคุย
เกี่ยวกับรายละเอียดวิธีการ

79
00:04:02,360 --> 00:04:03,610
ดาวตกทำให้เป็นไปได้นี้

80
00:04:03,610 --> 00:04:10,820

81
00:04:10,820 --> 00:04:15,660
>> ดังนั้นฉันจะครอบคลุมสิ่งที่ดาวตกคือ
และจากนั้นเราก็จะต้องครอบคลุม

82
00:04:15,660 --> 00:04:18,920
สองสิ่งที่จำเป็นที่ CS50
ยังไม่ได้ครอบคลุมพอ

83
00:04:18,920 --> 00:04:21,970
แต่ในตอนท้ายของคำว่าคุณควร
จะสะดวกสบายกับทั้ง HTM​​L และ

84
00:04:21,970 --> 00:04:25,250
JavaScript เพื่อจริงๆได้รับในมือของคุณ
ทำงานสกปรกด้วยดาวตก

85
00:04:25,250 --> 00:04:28,740
และฉันคิดว่ามันเป็นเพียงวิธีที่ดีสำหรับ
นักเรียนยังมีความสะดวกสบายน้อยที่จะทำ

86
00:04:28,740 --> 00:04:32,930
โครงการสุดท้ายเพราะพวกเขาสามารถจริงๆ
อยู่ในภาษาหนึ่งและพวกเขาได้รับ

87
00:04:32,930 --> 00:04:37,620
เห็นการเปลี่ยนแปลงของพวกเขา
ทำงานได้ทันที

88
00:04:37,620 --> 00:04:42,520
>> ดังนั้นสไลด์นี้แสดงให้เห็นเพียงบางส่วนของ
เทคโนโลยีสำคัญที่ดาวตกเจ

89
00:04:42,520 --> 00:04:43,610
ให้กับคุณ

90
00:04:43,610 --> 00:04:46,090
ดาวตกไม่ได้เป็นเทคโนโลยีใหม่
ตัวของมันเอง

91
00:04:46,090 --> 00:04:48,390
มันจริงๆการชุมนุมใน
ทุกสิ่งที่แตกต่างกันเหล่านี้

92
00:04:48,390 --> 00:04:49,920
เรามีบนอินเทอร์เน็ต

93
00:04:49,920 --> 00:04:55,650
เป็น HTML, CSS, JavaScript, เรา
มีเทคโนโลยีบางอย่างเช่น Node.js,

94
00:04:55,650 --> 00:04:58,490
ซึ่งเป็นสิ่งที่ช่วยให้คุณสามารถเรียกใช้
JavaScript บนปลายด้านหลังของคุณ

95
00:04:58,490 --> 00:05:02,520
เซิร์ฟเวอร์รวมทั้งบาง JavaScript
ห้องสมุดเช่น jQuery, ขีดเส้นใต้

96
00:05:02,520 --> 00:05:06,320
>> สิ่งเหล่านี้จะคุ้นเคยกับ
คุณในตอนท้ายของภาคการศึกษา

97
00:05:06,320 --> 00:05:10,680
และเรายังได้รับการใช้ฐานข้อมูลที่เรียกว่า
MongoDB ซึ่งเป็นจริงๆ

98
00:05:10,680 --> 00:05:14,250
ฐานข้อมูลที่เป็นที่นิยมในขณะนี้
ที่เพิ่งเริ่มต้นใหม่เหล่านี้

99
00:05:14,250 --> 00:05:18,650
คุณสามารถคิดว่ามันเป็นเช่น MySQL แต่
การทำงานอย่างมากกับ JavaScript

100
00:05:18,650 --> 00:05:22,140
และมีเทคโนโลยีอื่น ๆ บางส่วนที่นี่
และอื่น ๆ อีกมากมายที่ฉันไม่ได้ระบุไว้

101
00:05:22,140 --> 00:05:23,880
อินเตอร์เฟซที่ทุกคนจริงๆ
อย่างกับดาวตก

102
00:05:23,880 --> 00:05:26,900

103
00:05:26,900 --> 00:05:30,540
>> ฉันต้องใส่สไลด์นี้เพราะ
บางครั้งฉันได้รับความสับสนเกี่ยวกับเรื่องนี้

104
00:05:30,540 --> 00:05:31,695
ดาวตกเป็นเพียง JavaScript

105
00:05:31,695 --> 00:05:33,040
มันไม่ได้เป็น PHP

106
00:05:33,040 --> 00:05:34,360
มันเป็นไปไม่ Ruby on Rails

107
00:05:34,360 --> 00:05:37,950
ดังนั้นหากคุณเขียนรหัสถ้าคุณต้องการที่จะ
เขียนโครงการดาวตกคุณจริงๆ

108
00:05:37,950 --> 00:05:38,900
ไม่สามารถใช้รหัสทับทิม

109
00:05:38,900 --> 00:05:41,660
คุณจริงๆไม่ใ​​ช้ PHP

110
00:05:41,660 --> 00:05:45,800
>> ในขณะที่เราจะเห็นว่าแตกต่างใน
รหัสและไวยากรณ์ไม่อาจเป็นไปได้ว่า

111
00:05:45,800 --> 00:05:48,930
ที่แตกต่างกันฉันต้องการความเครียดกับคุณว่า
ดาวตกทุกสิ่งที่คุณเป็นรหัส

112
00:05:48,930 --> 00:05:50,660
เพียง แต่ใน JavaScript

113
00:05:50,660 --> 00:05:53,920
และทุกอย่างที่คุณแสดงให้
ผู้ใช้จะ HTML, CSS

114
00:05:53,920 --> 00:05:56,780
แต่คุณไม่ได้ใช้จริงใด ๆ
ภาษาอื่น ๆ ที่อื่น ๆ

115
00:05:56,780 --> 00:05:59,250
การสัมมนาจะครอบคลุม

116
00:05:59,250 --> 00:06:01,020
อะไรดาวตกยังเป็นเว็บเซิร์ฟเวอร์

117
00:06:01,020 --> 00:06:03,930
ดังนั้นแม้ว่าคุณจะไม่ได้มี
JavaScript, และคุณเพียงต้องการที่จะให้บริการ

118
00:06:03,930 --> 00:06:07,020
CSS และไฟล์ HTML, ดาวตก
สามารถทำเพื่อคุณ

119
00:06:07,020 --> 00:06:10,520

120
00:06:10,520 --> 00:06:13,770
>> และนี่คือการเชื่อมโยงอีกครั้งเพื่อ
การสาธิตที่ผมได้รับพวกคุณ

121
00:06:13,770 --> 00:06:15,380
เริ่มเล่นกับ

122
00:06:15,380 --> 00:06:18,230
แต่ขอย้ายไปยัง HTM​​L

123
00:06:18,230 --> 00:06:22,060
กี่คนที่นี่มี
ความคิดว่า HTML คืออะไร?

124
00:06:22,060 --> 00:06:22,670
ตกลงที่ดี

125
00:06:22,670 --> 00:06:25,800
และที่ดีอย่างสมบูรณ์

126
00:06:25,800 --> 00:06:29,410
จริงๆคุณไม่จำเป็นต้องรู้มากเกี่ยวกับ
เพราะเราจะไปกว่า

127
00:06:29,410 --> 00:06:31,220
การใช้งานมากเพียง

128
00:06:31,220 --> 00:06:34,570
>> นี่คือสิ่งที่ง่าย
หน้าดูเหมือนว่า

129
00:06:34,570 --> 00:06:38,840
นี้อาจจะเป็นเหมือนของคุณสวัสดีชาวโลกสำหรับ
HTML ในขณะที่เราเริ่มต้นใน C ด้วย

130
00:06:38,840 --> 00:06:40,760
สวัสดีโลก

131
00:06:40,760 --> 00:06:44,360
ผมไม่ต้องการให้คุณอยู่กับความเครียด
รายละเอียดของสิ่ง HTM​​L, หัวสิ่งที่สิ่งที่

132
00:06:44,360 --> 00:06:46,120
ร่างกาย, ชื่อสิ่งที่จะทำมี

133
00:06:46,120 --> 00:06:49,130
ผมแค่อยากจะเน้นโครงสร้าง
วิธีการที่คุณมีแท็ก

134
00:06:49,130 --> 00:06:50,860
และที่วงเล็บมุม

135
00:06:50,860 --> 00:06:52,380
และนั่นคือสิ่งที่คุณมี
อธิบายของคุณ

136
00:06:52,380 --> 00:06:54,790
>> ดังนั้นคุณอาจจะมีเอกสาร

137
00:06:54,790 --> 00:06:59,300
แล้วคุณจะปิดเอกสาร
ด้วยเครื่องหมายสิ่งเดียวกัน

138
00:06:59,300 --> 00:07:01,200
และคุณมีชนิดที่แตกต่างกันแท็ก

139
00:07:01,200 --> 00:07:02,730
และแจ้งให้ทราบว่าพวกเขากำลังจับคู่ทั้งหมด

140
00:07:02,730 --> 00:07:05,300
คุณจะมีเช่นแท็กร่างกาย
แล้วแท็กร่างกายอย่างใกล้ชิด

141
00:07:05,300 --> 00:07:08,620
และภายในแท็กร่างกายที่จะ
เนื้อหาของหน้าเว็บของคุณ

142
00:07:08,620 --> 00:07:12,770
ดังนั้นหน้าเว็บนี้ก็จะแสดง
ในพื้นหลังสีขาวและสีดำ

143
00:07:12,770 --> 00:07:14,242
สวัสดีโลก

144
00:07:14,242 --> 00:07:17,610
ไม่ที่ทำให้รู้สึก

145
00:07:17,610 --> 00:07:19,500
ตกลง

146
00:07:19,500 --> 00:07:22,640
>> ตอนนี้ผมกำลังจะไปได้อย่างรวดเร็ว
ครอบคลุม JavaScript

147
00:07:22,640 --> 00:07:26,990
ในคำพูดของลุยก่อนหน้านี้
"JavaScript เป็นโปรแกรมที่ดีที่สุด

148
00:07:26,990 --> 00:07:28,550
ภาษาในการดำรงอยู่ในปัจจุบัน

149
00:07:28,550 --> 00:07:30,520
คนอื่น ๆ จะพยายามที่จะ
บอกคุณเป็นอย่างอื่น

150
00:07:30,520 --> 00:07:33,840
พวกเขามีความผิด. "JavaScript สวย
ที่ดีและฉันจะแสดงให้คุณเห็นว่าทำไม

151
00:07:33,840 --> 00:07:36,620

152
00:07:36,620 --> 00:07:42,380
>> ดังนั้นนี่คือตัวอย่างคลาสสิกที่เราเริ่มต้น
ด้วยใน C. เรามีโลก hello,

153
00:07:42,380 --> 00:07:45,500
และคุณสังเกตเห็นว่าแม้ว่าคุณจะหดตัวลง
คุณจะต้องมีอย่างน้อยสอง

154
00:07:45,500 --> 00:07:46,560
บรรทัดของรหัสที่นี่

155
00:07:46,560 --> 00:07:48,990
ฉันมีหลายบรรทัดของรหัส

156
00:07:48,990 --> 00:07:50,160
ซึ่งสามารถทำได้มากเพียง

157
00:07:50,160 --> 00:07:53,950
หนึ่งบรรทัดใน JavaScript ด้วย console.log,
แล้วสายของคุณ

158
00:07:53,950 --> 00:07:55,340
สวัสดีโลก

159
00:07:55,340 --> 00:07:59,570
>> ตอนนี้แม้ว่าเรากำลังจะย้ายไปอยู่ที่ใหม่
ภาษาจาวาสคริปต์เกือบทั้งหมดของ

160
00:07:59,570 --> 00:08:02,950
ทักษะที่คุณได้เรียนรู้จากการเข้ารหัส
ใน C เป็นแบบพกพาโดยตรง

161
00:08:02,950 --> 00:08:07,130
ดังนั้นสายความคิดของสตริงใน
ราคาคู่ที่เหมือนกัน

162
00:08:07,130 --> 00:08:08,890
อัฒภาคที่เดียวกัน

163
00:08:08,890 --> 00:08:11,190
>> ระเบียบเกี่ยวกับคุณสมบัติจาวาสคริปต์
จริงคือคุณ

164
00:08:11,190 --> 00:08:12,360
ไม่จำเป็นต้องมีเครื่องหมาย

165
00:08:12,360 --> 00:08:14,950
มันสามารถคาดเดาได้ว่าคุณควร
ใส่เครื่องหมายอัฒภาคมี

166
00:08:14,950 --> 00:08:18,035
แต่ที่กล่าวว่าคุณควรพยายาม
การใส่เครื่องหมายของคุณมี

167
00:08:18,035 --> 00:08:21,160
ก็ถือว่ารูปแบบที่ดี

168
00:08:21,160 --> 00:08:22,650
และยังไม่มีฟังก์ชั่นหลัก

169
00:08:22,650 --> 00:08:25,580
คุณเพียงแค่เริ่มต้นที่ด้านบนของไฟล์
และอ่านสิ่งที่สายโดยสาย

170
00:08:25,580 --> 00:08:28,820

171
00:08:28,820 --> 00:08:32,760
>> แล้วนี่คือสิ่งที่จะทำให้
ที่สวัสดีโลกโปรแกรม

172
00:08:32,760 --> 00:08:36,059
แล้วสังเกตเห็นว่าคุณจะต้อง
ทำให้การทักทายและเรียกใช้สวัสดี

173
00:08:36,059 --> 00:08:38,530
ด้วย JavaScript, ก็ถือว่า
แปลภาษา

174
00:08:38,530 --> 00:08:40,780
สิ่งที่คุณต้องทราบว่าเป็นที่
มีการทำไม่มี

175
00:08:40,780 --> 00:08:41,950
>> ไม่มีการคอมไพล์เป็น

176
00:08:41,950 --> 00:08:43,440
คุณเพียงแค่ใช้โหนด

177
00:08:43,440 --> 00:08:47,220
และจำไว้ว่าโหนดเป็นโปรแกรมที่
จะเรียกใช้ JavaScript ของคุณบนคอนโซล

178
00:08:47,220 --> 00:08:49,030
ในกล่องดำไม่เว็บไซต์

179
00:08:49,030 --> 00:08:52,480
ดังนั้นคุณเพียงแค่ให้มันแฟ้มและก็
จะพิมพ์สวัสดีโลก

180
00:08:52,480 --> 00:08:56,750
>> ที่จริงผมจะทำตัวอย่างเล็ก ๆ น้อย ๆ
ว่าสำหรับพวกคุณที่นี่

181
00:08:56,750 --> 00:08:59,380
จึงขอข้ามไปของฉัน
สถานี Node.js

182
00:08:59,380 --> 00:09:04,470

183
00:09:04,470 --> 00:09:05,322
ตกลง

184
00:09:05,322 --> 00:09:06,150
ขอย้ายที่นี่

185
00:09:06,150 --> 00:09:07,930
ดังนั้นฉันจะเริ่มต้นโหนด

186
00:09:07,930 --> 00:09:10,230
และฉันจะแสดงที่พวกคุณในเวลาเพียง
วินาทีวิธีการได้รับที่

187
00:09:10,230 --> 00:09:12,000
ติดตั้งถ้าคุณทำไม่ได้

188
00:09:12,000 --> 00:09:14,800
ผมขอให้ที่บิตขนาดใหญ่

189
00:09:14,800 --> 00:09:17,800

190
00:09:17,800 --> 00:09:17,870
ตกลง

191
00:09:17,870 --> 00:09:20,120
ผมหวังว่าพวกคุณจะได้เห็น

192
00:09:20,120 --> 00:09:27,390
>> ดังนั้นผมจึงสามารถเขียนโค้ดเหมือนผม
มาก่อนใน console.log

193
00:09:27,390 --> 00:09:28,915
สวัสดี, โรเจอร์

194
00:09:28,915 --> 00:09:31,710

195
00:09:31,710 --> 00:09:35,330
และแจ้งให้ทราบผมไม่ได้จะทำอย่างไร
อัฒภาค แต่แล้วฉันได้รับนี้แปลก

196
00:09:35,330 --> 00:09:36,850
สิ่งที่ไม่ได้กำหนด

197
00:09:36,850 --> 00:09:40,310
ดีจริงไม่เคยคิดเกี่ยวกับ
สิ่งที่ไม่ได้กำหนด

198
00:09:40,310 --> 00:09:43,590
สิ่งที่ฉันต้องการให้คุณเห็นว่าคุณ
ไม่จำเป็นต้องมีฟังก์ชั่นหลักที่นี่

199
00:09:43,590 --> 00:09:45,050
เพื่อเริ่มต้นการใช้รหัส

200
00:09:45,050 --> 00:09:46,790
และไม่มีที่สิ้นสุดเครื่องหมาย

201
00:09:46,790 --> 00:09:50,683
มีคุณสมบัติบางอย่างเล็ก ๆ น้อย ๆ ว่า
JavaScript สามารถทำเพื่อคุณ

202
00:09:50,683 --> 00:09:53,510
>> ผู้ชม: [ไม่ได้ยิน]

203
00:09:53,510 --> 00:09:54,000
>> ROGER ZURAWICKI: Oh yeah

204
00:09:54,000 --> 00:09:57,460
ฉันขอโทษเกี่ยวกับว่า

205
00:09:57,460 --> 00:10:02,200
และลูกศรที่เพียงแค่หมายความว่าโหนด
พร้อมสำหรับคำสั่งอื่น

206
00:10:02,200 --> 00:10:05,380
เพื่อให้คุณสามารถมีมันทำง่าย
คณิตศาสตร์เช่น 1 บวก 1

207
00:10:05,380 --> 00:10:10,360
และเช่นเดียวกับใน C คณิตศาสตร์เหล่านี้
เป็นเพียงสัญลักษณ์เดียวกัน

208
00:10:10,360 --> 00:10:13,750
ฉันจะทำ console.log จำนวน

209
00:10:13,750 --> 00:10:15,090
และจากนั้นก็พิมพ์สอง

210
00:10:15,090 --> 00:10:19,000
JavaScript เป็นสิ่งที่ดีในแง่ที่ว่าเพราะ
แม้ว่าทั้งสองเป็น int,

211
00:10:19,000 --> 00:10:22,020
เช่นใน C ถ้าคุณไม่ printf ด้วย
สองคุณจะได้รับข้อผิดพลาด

212
00:10:22,020 --> 00:10:24,140
>> แต่ JavaScript รู้โอ้คุณ
สิ่งที่พิมพ์

213
00:10:24,140 --> 00:10:25,070
ฉันจะต้องสตริง

214
00:10:25,070 --> 00:10:28,410
เพื่อให้ฉันแปลงที่สอง
เป็นสตริงสำหรับคุณ

215
00:10:28,410 --> 00:10:34,970
และคุณยังสามารถทำบางสิ่งที่แปลก
เช่น hi แล้วบวกสอง

216
00:10:34,970 --> 00:10:39,520
นี่เป็นเพียงตัวอย่างหนึ่งวิธีที่สอง
สามารถแปลงในมีทั้ง

217
00:10:39,520 --> 00:10:45,135
>> ดังนั้นด้วยที่ออกจากทางที่ขอ
เพียงแค่ครอบคลุม JavaScript อีกเล็กน้อย

218
00:10:45,135 --> 00:10:48,660

219
00:10:48,660 --> 00:10:50,540
ดังนั้นใน C เรามีประเภท

220
00:10:50,540 --> 00:10:53,925
เมื่อใดก็ตามที่เราได้สร้างตัวแปรใหม่ที่เรา
ต้องบอกว่ามันเป็น char * หรือ

221
00:10:53,925 --> 00:10:55,850
สตริงในกรณีที่ CS50

222
00:10:55,850 --> 00:10:58,350
หรือถ้าเรามีจำนวนทศนิยม
เรามีการพูดลอย

223
00:10:58,350 --> 00:11:00,690
ถ้าเราจำเป็นบูลีน,
เรามีการพูดข

224
00:11:00,690 --> 00:11:04,220
แล้วเมื่อเรามีอะไรบางอย่างที่
เป็น b ก็ต้องอยู่บูล

225
00:11:04,220 --> 00:11:07,360
เราอาจจะไม่ได้อย่างน่าอัศจรรย์เปลี่ยนเป็น
int ยกเว้นกรณีที่เราเขียนไว้ใน

226
00:11:07,360 --> 00:11:09,450
วงเล็บ, int ข

227
00:11:09,450 --> 00:11:11,820
>> ใน JavaScript ไม่มีประเภท

228
00:11:11,820 --> 00:11:13,350
คุณเพียงแค่คิดว่ามันเป็น var

229
00:11:13,350 --> 00:11:15,270
และ var คือวิธีที่คุณสร้างรูปแบบใหม่

230
00:11:15,270 --> 00:11:19,210
ดังนั้นจึงสามารถมี var s เป็นสตริง
var n เป็นลอย,

231
00:11:19,210 --> 00:11:21,230
และ var b เป็นจริง

232
00:11:21,230 --> 00:11:24,980
และสิ่งหนึ่งที่คุณไม่สามารถทำใน C เป็น
ตอนนี้ผมสามารถพูดได้ว่าหลังจากที่สายข

233
00:11:24,980 --> 00:11:26,230
เท่ากับจำนวนเต็ม

234
00:11:26,230 --> 00:11:27,400
และที่ทำงานได้ดี

235
00:11:27,400 --> 00:11:30,840
ในขณะที่ใน C ก็จะพูดเหมือน
จำนวนเต็มของคุณไม่ได้บูล

236
00:11:30,840 --> 00:11:32,770
ฉันไม่สามารถทำเพื่อคุณ

237
00:11:32,770 --> 00:11:34,050
หรือ [ไม่ได้ยิน] จะโยนความผิดพลาด

238
00:11:34,050 --> 00:11:37,970

239
00:11:37,970 --> 00:11:43,420
>> และฉันได้อย่างรวดเร็วสามารถกลับเข้ามาในโหนดไปและ
แสดงบางส่วนของการทำงานที่

240
00:11:43,420 --> 00:11:44,960
ดังนั้นผมจึงสามารถมี var

241
00:11:44,960 --> 00:11:52,120
เรียกว่า "แอปเปิ้ล." ดังนั้นตอนนี้เมื่อฉันพิมพ์,
ฉันได้รับสายของฉัน 'แอปเปิ้ล. แต่ฉันสามารถ

242
00:11:52,120 --> 00:11:54,900
นอกจากนี้ยังบอกว่าตอนนี้เท่ากับ 3

243
00:11:54,900 --> 00:11:56,610
และแจ้งให้ทราบว่าไม่มีข้อผิดพลาด

244
00:11:56,610 --> 00:12:00,630
และตอนนี้เท่ากับ 3

245
00:12:00,630 --> 00:12:01,880
คำถามใด ๆ เพื่อให้ห่างไกล

246
00:12:01,880 --> 00:12:07,030

247
00:12:07,030 --> 00:12:07,570
ใช่

248
00:12:07,570 --> 00:12:10,780
>> ผู้ชม: รอเพื่อ console.log
เป็นพื้น printf ใช่ไหม

249
00:12:10,780 --> 00:12:12,180
>> ROGER ZURAWICKI: console.log
เป็น printf ของคุณ

250
00:12:12,180 --> 00:12:12,652
>> ผู้ชม: ขวา

251
00:12:12,652 --> 00:12:17,844
ดังนั้นวิธีการที่มาถ้าคุณเพียงพิมพ์แปด
หรือ [ไม่ได้ยิน] สิ่งที่ไม่ว่า

252
00:12:17,844 --> 00:12:18,790
[ไม่ได้ยิน]?

253
00:12:18,790 --> 00:12:19,160
>> ROGER ZURAWICKI ขวา

254
00:12:19,160 --> 00:12:21,690
ดังนั้นจึงเป็น -

255
00:12:21,690 --> 00:12:24,240
สิ่งที่เป็นสีเขียวที่ไ​​ด้รับการตีพิมพ์
ที่คอนโซล

256
00:12:24,240 --> 00:12:27,050
และสิ่งที่เราจะเห็นต่อไปคือ
เมื่อเราย้ายไปยังเว็บ

257
00:12:27,050 --> 00:12:29,300
หน้าเราจะไม่ได้ทำ -

258
00:12:29,300 --> 00:12:32,650
JavaScript จะมี HTML
แม่แบบที่ฉันจะครอบคลุมใน

259
00:12:32,650 --> 00:12:34,730
เป็นส่วนหนึ่งของการสัมมนาดาวตก

260
00:12:34,730 --> 00:12:38,730
และที่ที่คุณสามารถพูดให้ฉัน
ค่าของและจะใส่ใน

261
00:12:38,730 --> 00:12:39,920
เว็บไซต์ของคุณ

262
00:12:39,920 --> 00:12:42,520
เพราะเว็บเบราเซอร์ทุกจริง
มีคอนโซลน้อย

263
00:12:42,520 --> 00:12:46,380
และถ้าคุณมองอย่างระมัดระวังคุณ
จะได้รับข้อมูลบางอย่างเช่นของคุณ

264
00:12:46,380 --> 00:12:51,210
printf ที่ปรากฏที่นั่นด้วย
หน้าเว็บทุกครั้งที่คุณโหลด

265
00:12:51,210 --> 00:12:53,580
>> ผู้ชม: คุณไม่ได้รับวิธี
ไปที่หน้าจอเปลือกหรือไม่

266
00:12:53,580 --> 00:12:57,680
>> ROGER ZURAWICKI: ดังนั้นจึงมีคำสั่ง
เรียกว่าโหนดและมันมาพร้อมกับดาวตก

267
00:12:57,680 --> 00:13:01,230
ดังนั้นฉันจะออกจากออกจากที่นั่น

268
00:13:01,230 --> 00:13:03,580
โหนดเป็นโปรแกรมที่
รันจาวาสคริปต์

269
00:13:03,580 --> 00:13:07,070
ถ้าคุณไปที่ meteor.com คุณ
สามารถติดตั้งดาวตกและ

270
00:13:07,070 --> 00:13:08,480
ดาวตกมาพร้อมกับโหนด

271
00:13:08,480 --> 00:13:11,470
เพราะดาวตกเป็นเพียงคอลเลกชัน
ทั้งหมดเหล่านี้ซอฟแวร์

272
00:13:11,470 --> 00:13:15,280
เมื่อเราได้รับตัวอย่างของเราก็จะ
เดินทุกคนผ่านการติดตั้ง

273
00:13:15,280 --> 00:13:17,625
ดาวตกแล้วคุณสามารถเล่น
ด้วยโหนดตัวเอง

274
00:13:17,625 --> 00:13:22,154

275
00:13:22,154 --> 00:13:23,980
ตกลงที่ดี

276
00:13:23,980 --> 00:13:29,640
>> ดังนั้นอีกหนึ่งคุณลักษณะที่ดีเกี่ยวกับการทำงาน
ด้วย JavaScript ถูกลูปจะเหมือนกัน

277
00:13:29,640 --> 00:13:31,430
สวยมากเหมือนกัน

278
00:13:31,430 --> 00:13:35,530
สำหรับลูปในขณะที่ลูปทำ
ในขณะที่ลูปถ้าอื่น

279
00:13:35,530 --> 00:13:36,880
ก็เหมือนกันกับการจัดฟัน

280
00:13:36,880 --> 00:13:38,540
มันเป็นรูปแบบเดียวกัน

281
00:13:38,540 --> 00:13:41,350
ในกรณีที่มีการวนน้อย
รายละเอียดที่คุณจะต้องให้ความสนใจ

282
00:13:41,350 --> 00:13:45,340
ที่จะเป็นแทน int i เท่ากับ 0
เราต้องพูด var i = 0

283
00:13:45,340 --> 00:13:49,580
แต่นั่นเป็นเพราะของตัวแปร
ชนิดที่เราได้พูดคุยเกี่ยวกับก่อนที่จะ

284
00:13:49,580 --> 00:13:53,360
>> ขอให้สังเกตว่า printf จะกลายเป็น
บันทึก console.log

285
00:13:53,360 --> 00:13:57,370
และเราไม่จำเป็นต้องทำร้อยละ
n พีทับขวาแล้วผ่านในฉัน

286
00:13:57,370 --> 00:13:58,380
คุณก็สามารถบอกฉัน

287
00:13:58,380 --> 00:14:01,910
และมันจะพิมพ์ตัวเลข
จากศูนย์ถึงสี่

288
00:14:01,910 --> 00:14:04,830
ถ้าพวกคุณต้องการที่จะลองนี้เพราะ
คุณนำขึ้นเป็นจุดที่ดี

289
00:14:04,830 --> 00:14:08,730
หากคุณต้องการที่จะเรียกใช้รหัสนี้คุณ
เบราว์เซอร์ของตัวเองผมอยากจะแนะนำให้

290
00:14:08,730 --> 00:14:11,040
ทุกคนเปิด Google Chrome

291
00:14:11,040 --> 00:14:14,220
Google Chrome หรือเว็บเบราเซอร์ใดจริงๆ
แต่ผมชอบ Google Chrome

292
00:14:14,220 --> 00:14:17,350
เพราะมันเป็นมาตรฐานมาก

293
00:14:17,350 --> 00:14:24,240
>> คุณสามารถไปที่ผมเชื่อว่าถ้าคุณขวา
คลิกที่เว็บไซต์ใด ๆ เพียงแค่ใน

294
00:14:24,240 --> 00:14:26,880
พื้นที่สีขาวคุณจะเห็นตัวเลือก
ตรวจสอบที่เรียกว่าธาตุ

295
00:14:26,880 --> 00:14:28,810
ก็มักจะเป็นคนสุดท้าย

296
00:14:28,810 --> 00:14:32,630
และเมื่อคุณคลิกมันคุณควรจะได้รับ
สิ่งที่ด้านล่างปรากฏที่นี่

297
00:14:32,630 --> 00:14:35,840

298
00:14:35,840 --> 00:14:37,780
ผมขอขยายที่นี่

299
00:14:37,780 --> 00:14:41,390
และเรามีแท็บไม่กี่ที่นี่

300
00:14:41,390 --> 00:14:43,580
คนที่คุณดูแลเกี่ยวกับการเป็นคอนโซล

301
00:14:43,580 --> 00:14:48,820
>> และนี่คือคอนโซล JavaScript
ว่าตอนนี้คุณสามารถทำงานร่วมกับ

302
00:14:48,820 --> 00:14:49,370
ยิ่งใหญ่

303
00:14:49,370 --> 00:14:52,560
ดังนั้นผมจึงสามารถพิมพ์ในสิ่งเดียวกัน
ผมพิมพ์มาก่อนในโหนด

304
00:14:52,560 --> 00:14:54,790
หนึ่งบวกหนึ่งเป็นสอง

305
00:14:54,790 --> 00:14:59,110
var เท่ากับ "แอปเปิ้ล"

306
00:14:59,110 --> 00:15:03,430
และจากนั้นผมพิมพ์,
และเป็น 'แอปเปิ้ล'

307
00:15:03,430 --> 00:15:08,760
ดังนั้นในเว็บเบราเซอร์ใด ๆ Firefox, Chrome,
Safari, สิ่งที่คุณใช้เป็น

308
00:15:08,760 --> 00:15:11,240
ตราบเท่าที่คุณมีการเข้าถึง JavaScript
คอนโซลชนิดเดียวกัน

309
00:15:11,240 --> 00:15:15,520
รหัสผมทำงานในโหนดคุณ
สามารถทำงานในคอนโซลของคุณเอง

310
00:15:15,520 --> 00:15:17,530
>> ผู้ชม: [ไม่ได้ยิน]?

311
00:15:17,530 --> 00:15:18,690
>> ROGER ZURAWICKI: วิธีการ
ได้รับไปยังคอนโซลได้หรือไม่

312
00:15:18,690 --> 00:15:22,880
คุณจะต้องคลิกขวาบนพื้นที่ว่าง
บนหน้าและจากนั้นคุณไปที่

313
00:15:22,880 --> 00:15:26,100
ตรวจสอบธาตุ

314
00:15:26,100 --> 00:15:28,290
ดังนั้นที่จริงฉันต้องการพวกคุณ
เพียงให้แน่ใจว่าคุณสามารถ

315
00:15:28,290 --> 00:15:29,860
ตรวจสอบธาตุโครเมี่ยม

316
00:15:29,860 --> 00:15:32,630
และดูเมื่อคุณพิมพ์ในบาง
รหัสลงในคอนโซล

317
00:15:32,630 --> 00:15:33,880
ที่ทำงานอย่างถูกต้อง

318
00:15:33,880 --> 00:16:15,820

319
00:16:15,820 --> 00:16:18,430
อย่าลังเลที่จะถามคำถามใด ๆ หาก
บางสิ่งบางอย่างไม่ชัดเจนที่นี่

320
00:16:18,430 --> 00:16:23,340

321
00:16:23,340 --> 00:16:24,590
>> ผู้ชม: [ไม่ได้ยิน]

322
00:16:24,590 --> 00:16:27,280

323
00:16:27,280 --> 00:16:28,200
>> ROGER ZURAWICKI: ประเภทใดที่เหมาะสม

324
00:16:28,200 --> 00:16:31,370
มีเพียงคนเดียวสำหรับทุกประเภทเป็น
ตัวแปรใน JavaScript

325
00:16:31,370 --> 00:16:34,160
และเมื่อคุณมีการประกาศ
ตัวแปรที่คุณพูด ​​var

326
00:16:34,160 --> 00:16:35,410
>> ผู้ชม: [ไม่ได้ยิน]

327
00:16:35,410 --> 00:16:39,010

328
00:16:39,010 --> 00:16:40,050
>> ROGER ZURAWICKI: ใช่

329
00:16:40,050 --> 00:16:43,730
มันไม่ แต่ใน JavaScript, มันมาก
สมาร์ทเกี่ยวกับการจัดสรรหน่วยความจำ

330
00:16:43,730 --> 00:16:44,600
ไม่มี malloc เป็น

331
00:16:44,600 --> 00:16:45,780
ไม่มีฟรี

332
00:16:45,780 --> 00:16:48,490
ดังนั้นคุณจึงไม่จำเป็นต้องกังวลเกี่ยวกับเรื่องนั้น

333
00:16:48,490 --> 00:16:51,140
นั่นเป็นคุณสมบัติอื่นที่ดีที่
JavaScript ให้คุณ

334
00:16:51,140 --> 00:16:56,990

335
00:16:56,990 --> 00:16:58,440
>> ดังนั้นผมจึงต้องการที่จะย้ายไป

336
00:16:58,440 --> 00:17:01,360
ที่จะเป็น OK?

337
00:17:01,360 --> 00:17:02,610
ตกลง

338
00:17:02,610 --> 00:17:04,780

339
00:17:04,780 --> 00:17:07,720
ยิ่งใหญ่

340
00:17:07,720 --> 00:17:10,660
>> ผู้ชม: ฉันแค่มีปัญหา
หา [? ตรวจสอบธาตุ ?]

341
00:17:10,660 --> 00:17:13,609

342
00:17:13,609 --> 00:17:16,250
>> ROGER ZURAWICKI: ดังนั้นลักษณะซาฟารี
บิตที่แตกต่างกัน แต่คุณ

343
00:17:16,250 --> 00:17:18,599
มี Chrome หรือ Firefox?

344
00:17:18,599 --> 00:17:21,619
เหล่านี้จะง่ายขึ้น
คนที่จะทำงานร่วมกับ

345
00:17:21,619 --> 00:17:25,079
และสำหรับโครงการของคุณผมขอแนะนำให้
ติดกับหนึ่งในเบราว์เซอร์เพราะ

346
00:17:25,079 --> 00:17:29,610
คุณจะได้รับข้อบกพร่องมากเกือบ
เพราะทุกเบราว์เซอร์ถือว่า

347
00:17:29,610 --> 00:17:31,980
JavaScript HTML แตกต่างกันเล็กน้อย

348
00:17:31,980 --> 00:17:35,170
ดังนั้นผมคิดว่าชีวิตของคุณจะมีมาก
ง่ายขึ้นถ้าคุณติด Chrome เพราะ

349
00:17:35,170 --> 00:17:37,052
มันมีอยู่ในเครื่องทั้งหมด

350
00:17:37,052 --> 00:17:38,790
และมันก็เป็นเบราว์เซอร์ที่เป็นที่นิยมสวย

351
00:17:38,790 --> 00:17:59,860

352
00:17:59,860 --> 00:18:01,110
OK?

353
00:18:01,110 --> 00:18:03,310

354
00:18:03,310 --> 00:18:06,370
>> ดังนั้นหัวข้อถัดไปที่เราควรจะ
ครอบคลุมใน JavaScript -

355
00:18:06,370 --> 00:18:07,730
ฉันขอโทษเกี่ยวกับการจัดรูปแบบที่นี่

356
00:18:07,730 --> 00:18:11,630
ฉันมีที่จะยืดสไลด์เพื่อให้ตรงกับ
โปรเจ็คเตอร์แบบไวด์สกรีน

357
00:18:11,630 --> 00:18:14,750
แต่ตอนนี้ผมต้องการที่จะพูดคุยเกี่ยวกับ
วิธีที่คุณทำหน้าที่

358
00:18:14,750 --> 00:18:17,410
ใน C เราจะต้องประกาศ
ฟังก์ชั่นทุก

359
00:18:17,410 --> 00:18:22,130
เช่น int เพิ่มและใช้เวลา int เป็น
x และ y int และจากนั้นเราจะเพิ่มพวกเขา

360
00:18:22,130 --> 00:18:23,100
และส่งกลับมา

361
00:18:23,100 --> 00:18:26,850
>> ใน JavaScript, ฟังก์ชั่นเป็นจริง
ชนิดตัวแปรอื่น

362
00:18:26,850 --> 00:18:30,560
ดังนั้นเราเพียงแค่พูด var เพิ่ม
มันเท่ากับฟังก์ชั่น

363
00:18:30,560 --> 00:18:32,580
ฟังก์ชั่นที่ใช้เวลา x และ y

364
00:18:32,580 --> 00:18:33,790
และสิ่งที่ไม่ฟังก์ชั่นที่ทำอย่างไร

365
00:18:33,790 --> 00:18:39,910
มันกลับ x + y ในเดียวกันแน่นอน
ไวยากรณ์ในซีและคุณสังเกตเห็นว่าใน

366
00:18:39,910 --> 00:18:44,290
JavaScript คุณจะไม่ได้บอกว่า
ฟังก์ชันส่งกลับเพราะตั้งแต่

367
00:18:44,290 --> 00:18:49,160
ตัวแปรที่ไม่ได้มีรูปแบบอยู่แล้วมัน
มันไม่ได้ผลิตจริงๆผมเดา

368
00:18:49,160 --> 00:18:52,855
ที่จะระบุทั้งหมดของคุณ
ประเภทในการทำงานของคุณ

369
00:18:52,855 --> 00:18:55,720

370
00:18:55,720 --> 00:18:59,565
และจากนั้นเมื่อคุณเรียกใช้ฟังก์ชันก็
ไวยากรณ์เดียวกันแน่นอนเป็น C. คุณ

371
00:18:59,565 --> 00:19:03,610
เพียงแค่ผ่านในสองข้อโต้แย้งของคุณ

372
00:19:03,610 --> 00:19:07,330
ผมอยากจะลองนี้ในโหนดของฉัน

373
00:19:07,330 --> 00:19:09,284
ฉันสามารถเปลี่ยนสไลด์หรือไม่

374
00:19:09,284 --> 00:19:10,534
>> ผู้ชม: [ไม่ได้ยิน]

375
00:19:10,534 --> 00:19:14,639

376
00:19:14,639 --> 00:19:17,000
เราจะได้รับสำเนาของภาพนิ่งหรือไม่

377
00:19:17,000 --> 00:19:18,250
>> ROGER ZURAWICKI: ใช่

378
00:19:18,250 --> 00:19:28,280

379
00:19:28,280 --> 00:19:29,956
จึงขอกลับไปยังโหนด

380
00:19:29,956 --> 00:19:32,240
ตกลง

381
00:19:32,240 --> 00:19:38,160
ดังนั้นฉันจะบอก var เท่ากับเพิ่มฟังก์ชั่น

382
00:19:38,160 --> 00:19:40,650
การ x, y การ

383
00:19:40,650 --> 00:19:43,690
แล้วก็รู้ว่าคำสั่งของ
ไม่เสร็จสมบูรณ์

384
00:19:43,690 --> 00:19:47,692
ดังนั้นในโหนดหรือในคอนโซลของคุณ
คุณจะสังเกตเห็นจุดจุดจุด

385
00:19:47,692 --> 00:19:49,660
เพื่อให้คุณสามารถให้การพิมพ์รหัสของคุณ

386
00:19:49,660 --> 00:19:53,650
และตอนนี้ฉันจะบอกกลับ x + y

387
00:19:53,650 --> 00:19:54,790
และจากนั้นปิดรั้ง

388
00:19:54,790 --> 00:20:00,260
และช่วงเวลาที่ฉันปิดรั้งมัน
เห็นว่าคำสั่งเสร็จสิ้น

389
00:20:00,260 --> 00:20:04,730
>> และตอนนี้ฉันสามารถพูดได้เพิ่มหนึ่งและสอง

390
00:20:04,730 --> 00:20:08,280
และฉันจะได้รับสามออก

391
00:20:08,280 --> 00:20:11,545
โปรดทราบว่าถ้าฉันเพียงแค่ไม่เพิ่มก็
บอกฉันว่ามันเป็นฟังก์ชั่น

392
00:20:11,545 --> 00:20:14,630

393
00:20:14,630 --> 00:20:19,570
และสิ่งหนึ่งที่เพียงแค่ให้ความสนใจกับ
คือถ้าคุณให้จำนวนที่ไม่ถูกต้องของ

394
00:20:19,570 --> 00:20:23,380
ข้อโต้แย้งที่จะทำให้

395
00:20:23,380 --> 00:20:25,890
มันจะทำงาน แต่คุณอาจได้รับ
ผลลัพธ์ที่แปลกจริงๆบาง

396
00:20:25,890 --> 00:20:30,070
ชนิดเช่นค่าขยะ
คุณสามารถคิดว่ามัน

397
00:20:30,070 --> 00:20:32,060
ดังนั้นโปรดไปข้างหน้าและลอง
นี้ในเบราว์เซอร์ของคุณ

398
00:20:32,060 --> 00:21:25,180

399
00:21:25,180 --> 00:21:29,510
>> OK เพื่อให้อยู่ในความสนใจของเวลาที่ฉันจะ
ตอนนี้ย้ายไปยังคุณสมบัติต่อไปใน

400
00:21:29,510 --> 00:21:30,760
JavaScript

401
00:21:30,760 --> 00:21:36,520

402
00:21:36,520 --> 00:21:38,400
ดังนั้นเราจึงได้พูดคุยเกี่ยวกับฟังก์ชั่น

403
00:21:38,400 --> 00:21:40,840
เราได้พูดคุยเกี่ยวกับลูป
ถ้างบเกินไป

404
00:21:40,840 --> 00:21:43,660
ไวยากรณ์เหมือนกัน
เป็น C และตัวแปร

405
00:21:43,660 --> 00:21:46,090
และตอนนี้ฉันต้องการที่จะพูดคุยเกี่ยวกับอาร์เรย์

406
00:21:46,090 --> 00:21:48,520
ฉันขอโทษที่ภาพนิ่ง
บิตได้ตัดออก

407
00:21:48,520 --> 00:21:52,470
แต่จริงๆแล้วในส่วนแรก
ทุกสิ่งที่คุณต้องการจะทำงาน

408
00:21:52,470 --> 00:21:55,410
>> ดังนั้นเราจึงมีชนิดอื่น
ตัวแปรที่เรียกว่าอาร์เรย์

409
00:21:55,410 --> 00:21:57,930
และเราจะใช้วงเล็บ
เพื่อแสดงว่าพวกเขา

410
00:21:57,930 --> 00:22:01,960
ดังนั้นในตัวอย่างแรก
var arr แถวว่างเปล่า

411
00:22:01,960 --> 00:22:05,900
นี่คือรายการที่ว่างเปล่าดังนั้นอาร์เรย์
มีองค์ประกอบที่ไม่มี

412
00:22:05,900 --> 00:22:09,770
และคุณยังสามารถมีอาร์เรย์
กับสามสาย

413
00:22:09,770 --> 00:22:13,290
ใน C องค์ประกอบในอาร์เรย์ของคุณทุก
ต้องเป็นประเภทเดียวกัน

414
00:22:13,290 --> 00:22:16,940
>> แต่เนื่องจากใน JavaScript มีเพียง
ประเภทหนึ่งอาร์เรย์สามารถจริง

415
00:22:16,940 --> 00:22:18,510
มีชนิดที่แตกต่างกันของค่า

416
00:22:18,510 --> 00:22:22,220
เช่นเดียวกับที่นี่เรามีมากมายด้วย
ลอย, บูลและ int

417
00:22:22,220 --> 00:22:25,020

418
00:22:25,020 --> 00:22:28,510
วิธีที่คุณจะได้รับความยาวของอาร์เรย์,
คุณไม่จริงต้องใช้ขนาดของ

419
00:22:28,510 --> 00:22:29,030
หรืออะไร

420
00:22:29,030 --> 00:22:31,570
คุณเพียงแค่บอกว่าอาเรย์และ
แล้วจุดระยะเวลา

421
00:22:31,570 --> 00:22:36,450
และระยะเวลาในจุดนี้คุณสามารถคิด
ชนิดของมันชอบ struct วิธีการทุก

422
00:22:36,450 --> 00:22:40,890
อาร์เรย์มีสนาม, ตัวแปรพิเศษ
ภายในของมันที่เรียกว่าระยะเวลาที่

423
00:22:40,890 --> 00:22:42,910
ติดตามระยะเวลาที่อาร์เรย์ของคุณ

424
00:22:42,910 --> 00:22:47,280

425
00:22:47,280 --> 00:22:50,420
>> ดังนั้นฉันจะเพียงแค่ได้อย่างรวดเร็วเพื่อไปลง
โหนดและการแสดงที่พวกคุณในสิ่งเดียวกัน

426
00:22:50,420 --> 00:22:55,860

427
00:22:55,860 --> 00:22:58,050
ดังนั้นผมจึงสามารถมีอาร์เรย์

428
00:22:58,050 --> 00:23:00,280
มันสามารถเป็นรายการที่ว่างเปล่า

429
00:23:00,280 --> 00:23:02,030
และมันจะพิมพ์ฉัน
กลับรายการว่างเปล่า

430
00:23:02,030 --> 00:23:02,530
ยิ่งใหญ่

431
00:23:02,530 --> 00:23:08,560
ตอนนี้ผมสามารถพูดได้ว่าอาร์เรย์
มี 1 และ 2.3 และเป็นความจริง

432
00:23:08,560 --> 00:23:10,400
ดังนั้นทุกประเภทที่แตกต่างกัน

433
00:23:10,400 --> 00:23:11,740
และคุณสังเกตเห็นมันทำงานได้ดี

434
00:23:11,740 --> 00:23:16,330
อาเรย์ที่ผมได้รับกลับสนับสนุน
ทั้งหมดของค่าฉันให้มัน

435
00:23:16,330 --> 00:23:20,440
>> ถ้าผมต้องการที่จะได้รับองค์ประกอบแรกของ
อาร์เรย์ไวยากรณ์ที่เป็นจริง

436
00:23:20,440 --> 00:23:22,980
เช่นเดียวกับใน C. คุณ
สามารถพูดอาร์เรย์เป็นศูนย์

437
00:23:22,980 --> 00:23:24,430
และคุณจะได้รับอย่างใดอย่างหนึ่ง

438
00:23:24,430 --> 00:23:27,920
ผมสามารถพูดได้เหมือนกันสำหรับอาร์เรย์
สองและฉันได้รับจริง

439
00:23:27,920 --> 00:23:31,610
ถ้าผมทำอะไรบางอย่างที่อยู่นอกของอาร์เรย์
JavaScript เป็นภาษาที่ปลอดภัย

440
00:23:31,610 --> 00:23:33,390
เพราะผมจะไม่ได้รับความผิด seg ของ

441
00:23:33,390 --> 00:23:34,780
ฉันจะได้รับไม่ได้กำหนด

442
00:23:34,780 --> 00:23:37,510
>> และนี้ไม่ได้กำหนดชนิดที่คุณสามารถ
ของคิดเกี่ยวกับมันเป็นโมฆะ

443
00:23:37,510 --> 00:23:41,390
แต่มันอาจเป็นที่น่ารำคาญจริงๆเมื่อคุณ
รหัสเพราะคุณจะมีการตรวจสอบว่า

444
00:23:41,390 --> 00:23:43,880
เกือบทุกอย่างที่คุณทำคุณ
ทำงานกับไม่ได้กำหนด

445
00:23:43,880 --> 00:23:47,700
และเราจะเห็นตัวอย่างบางส่วนของ
นี้เมื่อเราทำงานในดาวตก

446
00:23:47,700 --> 00:23:50,600
>> แม้ว่าแถวสี่คือไม่ได้กำหนด
ฉันสามารถกำหนดค่า

447
00:23:50,600 --> 00:23:52,570
ดังนั้นฉันจะบอกว่ามันเท่ากับหนึ่ง

448
00:23:52,570 --> 00:23:57,050
แล้วถ้าผมไปแถวผม
มีมูลค่าเพิ่มมี

449
00:23:57,050 --> 00:24:02,470
และแจ้งให้ทราบแถวที่สามซึ่งยัง
ก็ไม่ได้กำหนดจะอยู่ที่ไม่ได้กำหนด

450
00:24:02,470 --> 00:24:05,690
ดังนั้นตอนนี้ผมมีอาร์เรย์ที่มี
รูตรงกลาง

451
00:24:05,690 --> 00:24:07,750
แต่ถ้าฉันพิมพ์แถวสี่
ฉันจะได้รับอย่างใดอย่างหนึ่ง

452
00:24:07,750 --> 00:24:10,960
ถ้าฉันไม่อาร์เรย์สามฉันได้รับไม่ได้กำหนด

453
00:24:10,960 --> 00:24:13,880
>> ดังนั้นคุณลักษณะที่ดีที่ JavaScript
ช่วยให้คุณสามารถทำคือการที่รายการได้

454
00:24:13,880 --> 00:24:15,620
ขนาดการเปลี่ยนแปลง

455
00:24:15,620 --> 00:24:18,520
อาร์เรย์อาร์เรย์เป็นรายการ
พวกเขาเปลี่ยนขนาด

456
00:24:18,520 --> 00:24:22,480
และคุณสามารถระบุสถานที่ใด ๆ
ภายในของพวกเขา

457
00:24:22,480 --> 00:24:25,370
และช่องว่างทั้งหมดจะเต็มไป
ที่มีค่าเหล่านี้ไม่ได้กำหนด

458
00:24:25,370 --> 00:24:31,560

459
00:24:31,560 --> 00:24:33,450
>> ดังนั้นเราจึงได้พูดคุยเกี่ยวกับอาร์เรย์

460
00:24:33,450 --> 00:24:37,050
ตอนนี้สิ่งสุดท้ายที่ฉันต้องการที่จะครอบคลุมใน
JavaScript, และนี่คือสิ่งที่สำคัญมาก

461
00:24:37,050 --> 00:24:39,550
การทำความเข้าใจรหัสที่
ฉันจะแสดงให้คุณ

462
00:24:39,550 --> 00:24:41,530
เป็นไปได้ที่วัตถุ

463
00:24:41,530 --> 00:24:45,140
และวัตถุที่มีระยะใน -

464
00:24:45,140 --> 00:24:47,380
โดยทั่วไปที่มีอยู่ใน
หลายภาษาโปรแกรม

465
00:24:47,380 --> 00:24:50,620
และภาษาการเขียนโปรแกรมแต่ละชอบ
คิดว่าพวกเขาแตกต่างกันเล็กน้อย

466
00:24:50,620 --> 00:24:55,050
>> แต่ผมคิดว่าสำหรับดาวตกที่ดี
การเปรียบเทียบเป็น struct C

467
00:24:55,050 --> 00:24:59,410
ใน C ถ้าเราต้องการที่จะหา struct
นักเรียนที่เราจะต้องระบุทั้งหมด

468
00:24:59,410 --> 00:25:00,240
สิ่งที่ภายในของมัน

469
00:25:00,240 --> 00:25:01,440
ดังนั้นจึงจะต้องมีชื่อ

470
00:25:01,440 --> 00:25:02,140
มันจะต้องมีปี

471
00:25:02,140 --> 00:25:03,650
มันจะต้องมีเพศ

472
00:25:03,650 --> 00:25:07,350
แต่เรายังมีที่จะให้มัน
ประเภทของสิ่งเหล่านั้นทั้งหมด

473
00:25:07,350 --> 00:25:11,200
>> และตอนนี้ที่เรามีแม่พิมพ์นี้
struct เรียกนักเรียนเราสามารถมี

474
00:25:11,200 --> 00:25:14,640
โครงสร้างใหม่และจากนั้นเราสามารถทำได้ด้วยตนเอง
พูดในสิ่งที่แต่ละเขตข้อมูลที่มี

475
00:25:14,640 --> 00:25:17,740
และนั่นคือสิ่งที่เราใช้ชื่อจุด
ปี dot เพศจุด

476
00:25:17,740 --> 00:25:21,930
แล้วเราเพียงแค่ในบรรทัดสุดท้ายของ
รหัสที่นี่ฉันแค่พิมพ์ออก

477
00:25:21,930 --> 00:25:24,980
ชื่อของนักเรียน struct

478
00:25:24,980 --> 00:25:28,220
>> ในโลกของ JavaScript มี
ไม่มีสิ่งนั้นเป็นนักเรียน struct

479
00:25:28,220 --> 00:25:30,660
คุณไม่ได้สร้างโครงสร้างที่กำหนดไว้ล่วงหน้า

480
00:25:30,660 --> 00:25:34,680
คุณจริงเพียงแค่ในวงเล็บเหล่านี้
คุณพูดในสิ่งที่ทุกอย่างเป็น

481
00:25:34,680 --> 00:25:40,680
และเป็นสัญกรณ์แปลกนี้ด้วย
ลำไส้ใหญ่แล้วจุลภาค แต่คุณจะ

482
00:25:40,680 --> 00:25:41,810
ได้ใช้มันเร็วพอ

483
00:25:41,810 --> 00:25:44,930
>> และเป็นจริงง่ายจริงๆ
วิธีที่มีความยืดหยุ่นเพียง

484
00:25:44,930 --> 00:25:47,400
การจัดการกับวัตถุ

485
00:25:47,400 --> 00:25:51,270
คุณสังเกตเห็นว่าถ้าผมต้องการที่จะได้รับในขณะนี้
ชื่อจากวินาที, ฉันแค่ทำ s.name

486
00:25:51,270 --> 00:25:54,090

487
00:25:54,090 --> 00:25:56,790
มีคำถามใด ๆ เกี่ยวกับเรื่องนี้

488
00:25:56,790 --> 00:26:00,260
นี้มักจะได้รับความสับสนมาก
หัวข้อเมื่อเราแนะนำคนที่จะ

489
00:26:00,260 --> 00:26:02,280
JavaScript

490
00:26:02,280 --> 00:26:04,110
ฉันจะทำตัวอย่างนี้ในโหนด

491
00:26:04,110 --> 00:26:05,010
ใช่?

492
00:26:05,010 --> 00:26:06,260
>> ผู้ชม: [ไม่ได้ยิน]

493
00:26:06,260 --> 00:26:14,130

494
00:26:14,130 --> 00:26:16,230
>> ROGER ZURAWICKI: ดังนั้นคุณ
มีตัวอย่างหลาย

495
00:26:16,230 --> 00:26:18,764
ตัวแปรประเภทนั้น

496
00:26:18,764 --> 00:26:20,014
>> ผู้ชม: [ไม่ได้ยิน]

497
00:26:20,014 --> 00:26:23,540

498
00:26:23,540 --> 00:26:24,790
>> ผู้ชม: [ไม่ได้ยิน]

499
00:26:24,790 --> 00:26:37,610

500
00:26:37,610 --> 00:26:39,450
>> ROGER ZURAWICKI: OK

501
00:26:39,450 --> 00:26:43,760
ดังนั้นผมคิดว่าวิธีการที่คุณจะไปเกี่ยวกับการเป็น
คุณจะใส่วัตถุในอาร์เรย์

502
00:26:43,760 --> 00:26:45,340
และตอนนี้คุณจะมี
อาร์เรย์ของว​​ัตถุ

503
00:26:45,340 --> 00:26:47,547
ไม่ว่าจะตอบคำถามของคุณหรือไม่

504
00:26:47,547 --> 00:26:48,797
>> ผู้ชม: [ไม่ได้ยิน]

505
00:26:48,797 --> 00:26:50,890

506
00:26:50,890 --> 00:26:51,260
>> ROGER ZURAWICKI: ใช่

507
00:26:51,260 --> 00:26:52,430
S เป็นวัตถุอย่างใดอย่างหนึ่ง

508
00:26:52,430 --> 00:26:57,455
เพื่อให้เราสามารถไปลงในโหนดและเพียงแค่
เล่นรอบนิด ๆ หน่อย ๆ

509
00:26:57,455 --> 00:26:58,705
>> ผู้ชม: [ไม่ได้ยิน]?

510
00:26:58,705 --> 00:27:04,880

511
00:27:04,880 --> 00:27:05,440
>> ROGER ZURAWICKI: โอ้, โอคลาโฮมา

512
00:27:05,440 --> 00:27:10,660
ดังนั้นหากคุณกำลังขอให้สิ่งที่เรียนมี
เรียนได้รับการปฏิบัติที่แตกต่างกันมาก

513
00:27:10,660 --> 00:27:14,510
และพวกเขามีรูปแบบแปลกจริงๆ
ที่เรียกว่าการสร้างต้นแบบที่คุณทำไม่ได้

514
00:27:14,510 --> 00:27:15,620
ต้องรู้เกี่ยวกับ

515
00:27:15,620 --> 00:27:17,910
ไม่มีวิธีการแก้ไขที่จะทำคือ

516
00:27:17,910 --> 00:27:21,160
ดังนั้นหากคุณต้องการที่จะสร้างหลายท่าน
ก็จะมีชนิดของฟังก์ชั่น

517
00:27:21,160 --> 00:27:22,100
หรือสิ่งที่

518
00:27:22,100 --> 00:27:24,340
คุณสร้างฟังก์ชั่นของคุณเอง

519
00:27:24,340 --> 00:27:26,765
และคุณจะกลับวัตถุ

520
00:27:26,765 --> 00:27:29,550
ที่จะเป็นวิธีที่ง่ายที่สุด
วิธีที่จะทำ

521
00:27:29,550 --> 00:27:32,454
ไม่ที่ทำให้รู้สึก?

522
00:27:32,454 --> 00:27:33,704
ตกลง

523
00:27:33,704 --> 00:27:36,182

524
00:27:36,182 --> 00:27:36,650
ยิ่งใหญ่

525
00:27:36,650 --> 00:27:39,820
ดังนั้นเมื่อเรามีความเข้าใจใน
วัตถุจาวาสคริปต์ที่พวกเขา -

526
00:27:39,820 --> 00:27:41,082
โอ้ใช่

527
00:27:41,082 --> 00:27:42,026
>> ผู้ชม: [ไม่ได้ยิน]

528
00:27:42,026 --> 00:27:45,802
ตัวอย่างเช่นสิ่งที่เป็นความแตกต่างระหว่าง
"โรเจอร์" กับคำพูดสองเมื่อเทียบกับ

529
00:27:45,802 --> 00:27:47,510
[ไม่ได้ยิน] ด้วยคำพูดเดียว

530
00:27:47,510 --> 00:27:47,810
>> ROGER ZURAWICKI: OK

531
00:27:47,810 --> 00:27:52,730
ดังนั้นนี่คือใน C เรามีเพียงครั้งเดียว
คำพูดที่เป็นตัวแทนของตัวอักษรและดับเบิล

532
00:27:52,730 --> 00:27:54,550
คำพูดที่เป็นตัวแทนของสาย

533
00:27:54,550 --> 00:27:57,920
JavaScript จริงพ่นนี้ไป
เพราะคุณสามารถมีสตริงการกับ

534
00:27:57,920 --> 00:28:01,570
คำพูดเดียวหรือสองครั้งและมี
ไม่มีสิ่งเช่นถ่านเดียว

535
00:28:01,570 --> 00:28:04,400
แต่ถ้าคุณแค่คัดลอกเดียวกัน
รหัส C, JavaScript จะ

536
00:28:04,400 --> 00:28:05,610
รักษามันได้ดี

537
00:28:05,610 --> 00:28:07,710
ซึ่งเป็นเหตุผลที่ผมได้รับการปฏิบัติเป็น -

538
00:28:07,710 --> 00:28:12,540
ที่ว่าทำไมฉันแท้จริงสามารถพอร์ต
รหัสในแง่ที่ว่า

539
00:28:12,540 --> 00:28:15,420
>> และผมต้องการที่จะแสดงให้คุณเห็นตัวอย่างเช่น
ของวัตถุที่ซับซ้อนมากขึ้น

540
00:28:15,420 --> 00:28:19,890
เพื่อให้คุณสามารถแจ้งให้ทราบว่าวัตถุอย่างใดอย่างหนึ่ง
สามารถมีสตริงเป็นค่า

541
00:28:19,890 --> 00:28:21,530
ก็สามารถมีรายการของค่าอื่น

542
00:28:21,530 --> 00:28:23,820
มันอาจมีรายชื่อของ
วัตถุที่เป็นค่า

543
00:28:23,820 --> 00:28:25,870
มีขีด จำกัด จริงๆนี้

544
00:28:25,870 --> 00:28:29,070
ดังนั้นที่นี่เป็นเพียงการสาธิตที่ดี
วิธีการที่คุณจะได้รับมาก

545
00:28:29,070 --> 00:28:33,290
ชนิดที่แตกต่างกันไปใน
ทั้งหมดในวัตถุอย่างใดอย่างหนึ่ง

546
00:28:33,290 --> 00:28:34,540
นี้ไม่ได้ทำให้รู้สึก

547
00:28:34,540 --> 00:28:41,090

548
00:28:41,090 --> 00:28:44,700
>> ตอนนี้คุณยังสามารถมี
อาร์เรย์ของว​​ัตถุ

549
00:28:44,700 --> 00:28:48,530
และนี่คือชนิดของที่คล้ายกันกับสิ่งที่คุณ
ถามว่าถ้าคุณสามารถมีวัตถุ

550
00:28:48,530 --> 00:28:49,190
ชนิดเดียวกัน

551
00:28:49,190 --> 00:28:52,960
แต่ปัญหาคือไม่มีกำหนด
รูปแบบสำหรับวัตถุใน JavaScript

552
00:28:52,960 --> 00:28:55,020
ดังนั้นคุณต้องระบุพวกเขาเอง

553
00:28:55,020 --> 00:28:57,600
และคุณต้องให้แน่ใจว่า
ว่าพวกเขากำลังชุด

554
00:28:57,600 --> 00:29:00,410
ดังนั้นที่นี่เมื่อฉันสร้างวัตถุที่ฉันมี
เพื่อให้แน่ใจว่าแต่ละคนมี

555
00:29:00,410 --> 00:29:01,910
ชื่อและแต่ละคนมีบ้าน

556
00:29:01,910 --> 00:29:05,620
>> และจากนั้นฉันมีมากมายของผู้ที่,
และที่สามารถกระท่อมของฉัน

557
00:29:05,620 --> 00:29:08,290
และแล้วที่นี่คุณสามารถชนิดของ
เห็นห่วงสำหรับที่เกิดขึ้น

558
00:29:08,290 --> 00:29:14,090
ห่วงสำหรับเป็นเพียงเรื่องธรรมดาจริงๆ
วิธีการสำรวจในช่วงอาร์เรย์

559
00:29:14,090 --> 00:29:15,150
ใน JavaScript

560
00:29:15,150 --> 00:29:18,010
ขอให้สังเกตว่ารูปแบบนี้จะคล้ายกันมาก
เทียบเท่า C ที่คุณ

561
00:29:18,010 --> 00:29:21,470
มี int i เท่ากับศูนย์ ฉัน
มีค่าน้อยกว่าความยาว

562
00:29:21,470 --> 00:29:23,634
และฉันแล้วบวกบวก

563
00:29:23,634 --> 00:29:26,035
>> มันเกือบจะรหัสเดียวกัน
ยกเว้นรายละเอียดบางอย่าง

564
00:29:26,035 --> 00:29:29,460

565
00:29:29,460 --> 00:29:33,120
เพื่อให้ทุกคนไม่เข้าใจ
สิ่งที่วัตถุคืออะไร

566
00:29:33,120 --> 00:29:35,820
เพียงแค่คิดเกี่ยวกับมันเป็น struct C

567
00:29:35,820 --> 00:29:38,784
และวิธีที่คุณเข้าถึงฟิลด์
เป็นเพียงด้วยจุด

568
00:29:38,784 --> 00:29:41,950
และตราบใดที่คุณจำวิธีการ
ใช้จุดที่คุณจะปรับ

569
00:29:41,950 --> 00:29:55,300

570
00:29:55,300 --> 00:29:58,790
>> ตกลงดังนั้นตอนนี้ทุกคนสามารถ
อ่านลิงค์ที่

571
00:29:58,790 --> 00:30:02,220
นี้คือการเชื่อมโยงกับโครงการ

572
00:30:02,220 --> 00:30:04,950
เป็นคนที่มีปัญหาในการ
เห็นการเชื่อมโยงหรือไม่

573
00:30:04,950 --> 00:30:06,251
ตกลงขอเปลี่ยนแล้ว

574
00:30:06,251 --> 00:30:14,430

575
00:30:14,430 --> 00:30:15,680
มันไม่ -

576
00:30:15,680 --> 00:30:21,900

577
00:30:21,900 --> 00:30:24,240
ใช่ว่าน่าจะเป็น
วิธีที่ง่ายที่สุดที่จะทำมัน

578
00:30:24,240 --> 00:30:32,390

579
00:30:32,390 --> 00:30:34,560
ยิ่งใหญ่

580
00:30:34,560 --> 00:30:38,270
>> ดังนั้นถ้าคุณไปที่เว็บไซต์นี้มีควร
เป็นคำแนะนำบางอย่างที่ฉันจะ

581
00:30:38,270 --> 00:30:42,550
ไปกว่ากับวิธีที่เราสามารถติดตั้งดาวตก
และได้รับตัวอย่างโครงการของเราทำงาน

582
00:30:42,550 --> 00:30:47,900

583
00:30:47,900 --> 00:30:50,180
ผมต้องการที่จะให้แน่ใจว่าทุกคนมี
ลิงค์ลงก่อนที่ผมจะย้ายไป

584
00:30:50,180 --> 00:31:16,250

585
00:31:16,250 --> 00:31:17,500
ฉันจะย้ายหรือไม่

586
00:31:17,500 --> 00:31:20,683

587
00:31:20,683 --> 00:31:23,680
ตกลงที่ดี

588
00:31:23,680 --> 00:31:25,890
>> ดังนั้นที่นี่ฉันได้ที่เว็บไซต์

589
00:31:25,890 --> 00:31:28,740
คุณจะสังเกตเห็นในที่แฟ้ม readme ที่
เรามีคำแนะนำบางอย่างเกี่ยวกับวิธีการ

590
00:31:28,740 --> 00:31:30,200
ได้รับการตั้งค่าวันที่

591
00:31:30,200 --> 00:31:33,920
คุณจะต้องมีอย่างใดอย่างหนึ่งใน CS50
เครื่องใช้หรือเพียงแค่บน Mac

592
00:31:33,920 --> 00:31:35,330
Windows จะไม่ทำงาน

593
00:31:35,330 --> 00:31:37,760
แต่สิ่งที่โดยทั่วไปที่ไม่
หน้าต่างควรจะทำงานกับเหล่านี้

594
00:31:37,760 --> 00:31:39,820
คำแนะนำเพียงแค่ปรับ

595
00:31:39,820 --> 00:31:41,470
แต่ผมสามารถทำให้มันเล็กน้อย
ขนาดใหญ่ได้เป็นอย่างดี

596
00:31:41,470 --> 00:31:45,610

597
00:31:45,610 --> 00:31:48,820
>> ดังนั้นคุณจะทำงานเป็นครั้งแรก
คู่ของคำสั่ง

598
00:31:48,820 --> 00:31:50,450
พวกเหล่านี้ก็จะติดตั้งดาวตก

599
00:31:50,450 --> 00:31:54,870

600
00:31:54,870 --> 00:31:58,530
ฉันจะไปเข้ากับขั้วของฉัน

601
00:31:58,530 --> 00:32:02,710
และถ้าผมทำงานในสิ่งเดียวกันในขณะนี้
ผมได้ติดตั้ง

602
00:32:02,710 --> 00:32:03,710
ดังนั้นจึงเป็นบิตที่สั้นกว่า

603
00:32:03,710 --> 00:32:05,155
มันอาจจะใช้เวลาอีกนิด
สำหรับคุณผู้ชาย

604
00:32:05,155 --> 00:32:08,160

605
00:32:08,160 --> 00:32:13,530
แต่ผมต้องการที่จะตรวจสอบให้แน่ใจก่อน
ว่าเรามีดาวตกวิ่ง

606
00:32:13,530 --> 00:32:16,780
หลังจากที่มีการติดตั้งดาวตกคุณควร
จะสามารถที่จะได้รับโหนดในคอนโซล

607
00:32:16,780 --> 00:32:19,430
>> ผู้ชม: พวกเขากำลังขอให้
สำหรับรหัสผ่าน

608
00:32:19,430 --> 00:32:22,110
>> ROGER ZURAWICKI: นั่นจะเป็นของคุณ
รหัสผ่านของผู้ใช้ถ้าคุณอยู่ใน Mac

609
00:32:22,110 --> 00:32:27,030
เป็นเพียงความต้องการที่จะได้รับอนุญาต
แก้ไขไฟล์ระบบบางส่วน

610
00:32:27,030 --> 00:32:30,690
ดังนั้นคำถามคือถ้ามันจะขอ
รหัสผ่านก็เพียงขอให้คุณ

611
00:32:30,690 --> 00:32:33,510
สำหรับรหัสผ่านชื่อผู้ใช้ของคุณเมื่อ
คุณเข้าสู่ Mac ของคุณ

612
00:32:33,510 --> 00:32:35,770
และนี่คือเพื่อให้คุณสามารถ
ไฟล์ระบบที่มีการเปลี่ยนแปลง

613
00:32:35,770 --> 00:32:46,670

614
00:32:46,670 --> 00:32:51,260
>> และเมื่อคุณพร้อมที่คุณสามารถย้าย
ขั้นตอนต่อไปซึ่งจะคัดลอก

615
00:32:51,260 --> 00:32:54,220
ตัวอย่างรหัสฉันได้จากเว็บไซต์

616
00:32:54,220 --> 00:32:58,330
และคุณจะได้รับในไดเรกทอรีใหม่ของคุณ
ไดเรกทอรีบ้านเรียกว่าลีดเดอร์และ

617
00:32:58,330 --> 00:32:59,670
เราสามารถเริ่มต้นการทำงานจากที่นั่น

618
00:32:59,670 --> 00:33:09,680

619
00:33:09,680 --> 00:33:14,620
ดังนั้นฉันเพียงแค่คัดลอกและวางเหล่านี้
คำสั่งเข้ากับขั้วของฉัน

620
00:33:14,620 --> 00:33:16,780
และสำหรับผมแล้วมันโคลน

621
00:33:16,780 --> 00:33:21,470
ดังนั้นเพียงแค่ตอนนี้ผมสามารถย้าย
เป็นลีดเดอร์

622
00:33:21,470 --> 00:33:23,450
และฉันควรจะมีเพียงไม่กี่
ไฟล์ที่อยู่ในนั้น

623
00:33:23,450 --> 00:33:29,880

624
00:33:29,880 --> 00:33:31,113
คำถามใด?

625
00:33:31,113 --> 00:33:34,430
>> ผู้ชม: [ไม่ได้ยิน] ไม่ทำงาน

626
00:33:34,430 --> 00:33:36,741
>> ROGER ZURAWICKI: โอ้คุณอาจ
ต้องคอมไพล์ที่ติดตั้งเป็นอย่างดี

627
00:33:36,741 --> 00:33:39,150
>> ผู้ชม: [ไม่ได้ยิน]

628
00:33:39,150 --> 00:33:40,162
>> ROGER ZURAWICKI: ขอโทษ?

629
00:33:40,162 --> 00:33:41,412
>> ผู้ชม: [ไม่ได้ยิน]

630
00:33:41,412 --> 00:33:44,500

631
00:33:44,500 --> 00:33:47,390
>> ROGER ZURAWICKI: โอ้, โอคลาโฮมา

632
00:33:47,390 --> 00:33:47,720
ตกลง

633
00:33:47,720 --> 00:33:52,860
นั่นเป็นเพราะคุณอาจจะต้อง
เข้าสู่ระบบเพื่อ GitHub ที่จะได้รับการเชื่อมโยงนี้

634
00:33:52,860 --> 00:33:58,160
ถ้าพวกคุณจะเห็นว่าง่ายที่สุด
วิธีที่จะทำจากนั้นผมก็จะบอกว่าเป็น

635
00:33:58,160 --> 00:33:59,270
ดาวน์โหลดซิป

636
00:33:59,270 --> 00:34:02,010
และนี้ก็จะดาวน์โหลด
ไฟล์ทั้งหมด

637
00:34:02,010 --> 00:34:05,510
และจากนั้นเมื่อคุณใส่ไว้ในของคุณ
ดาวน์โหลดหรือไดเรกทอรีบ้านของคุณ -

638
00:34:05,510 --> 00:34:07,360
ผมขอแนะนำให้วางไว้ในของคุณ
ไดเรกทอรีบ้านเพื่อที่เราสามารถทำได้ทั้งหมด

639
00:34:07,360 --> 00:34:09,210
เรียกใช้คำสั่งเดียวกัน

640
00:34:09,210 --> 00:34:15,230
ตราบเท่าที่เรามีไฟล์ที่เราจะ
จะสามารถเริ่มต้นทำงานกับพวกเขา

641
00:34:15,230 --> 00:34:17,969
ให้ฉันรู้ว่าถ้าคนที่มี
ปัญหาในการดาวน์โหลดไฟล์

642
00:34:17,969 --> 00:34:21,040
>> AUDIENCE: โดยไดเรกทอรีบ้าน
คุณหมายถึง -

643
00:34:21,040 --> 00:34:24,989
>> ROGER ZURAWICKI: ดังนั้นไดเรกทอรีบ้านจะ
เป็นจอห์นฮาร์วาร์ถ้าคุณอยู่ใน

644
00:34:24,989 --> 00:34:27,460
เครื่องใช้ CS50

645
00:34:27,460 --> 00:34:33,651
ที่จะได้รับไปยังไดเรกทอรีบ้านของคุณ
เพียงพิมพ์ C.

646
00:34:33,651 --> 00:34:34,145
>> ผู้ชม: [ไม่ได้ยิน]

647
00:34:34,145 --> 00:34:37,610
เครื่องใช้ CS50 [ไม่ได้ยิน]

648
00:34:37,610 --> 00:34:38,650
>> ROGER ZURAWICKI: ใช่

649
00:34:38,650 --> 00:34:40,480
คุณต้องการที่จะเรียกใช้คำสั่ง
ใน terminal ของคุณ

650
00:34:40,480 --> 00:34:44,899

651
00:34:44,899 --> 00:34:45,390
>> ผู้ชม: [ไม่ได้ยิน]

652
00:34:45,390 --> 00:34:50,800
ผมได้รับข้อผิดพลาดที่บอกว่าไม่มี
แฟ้มหรือไดเรกทอรีดังกล่าว

653
00:34:50,800 --> 00:34:52,739
>> ROGER ZURAWICKI: เราสามารถใช้เวลาที่รวดเร็ว
ทำลายและเพียงแค่ให้แน่ใจว่า

654
00:34:52,739 --> 00:34:56,760
ทุกคนมีดาวตกติดตั้งและฉันจะ
เพียงแค่ไปพยายามที่จะช่วยให้ผู้คนออกมา

655
00:34:56,760 --> 00:34:59,130
กรุณาพยายามที่จะช่วยกันถ้า
คุณกำลังทำงานเป็นปัญหา

656
00:34:59,130 --> 00:35:04,640

657
00:35:04,640 --> 00:35:05,580
ขออภัยใช่

658
00:35:05,580 --> 00:35:08,930
คุณทั้งสองในเครื่องหรือไม่

659
00:35:08,930 --> 00:35:09,350
>> ผู้ชม: ใช่

660
00:35:09,350 --> 00:35:13,190
ฉันมี RISA

661
00:35:13,190 --> 00:35:14,300
>> ROGER ZURAWICKI: OK

662
00:35:14,300 --> 00:35:20,740
ถ้าคุณกลับไปยังเว็บไซต์ไปแล้ว
ไปเลื่อนขึ้นไปด้านบน

663
00:35:20,740 --> 00:35:23,580
และมี HTTPS นี้

664
00:35:23,580 --> 00:35:25,810
>> ผู้ชม: คัดลอกนี้

665
00:35:25,810 --> 00:35:26,230
>> ROGER ZURAWICKI: ใช่

666
00:35:26,230 --> 00:35:28,950
แล้วคุณต้องการที่จะ
พิมพ์ลงในคอมไพล์โคลน

667
00:35:28,950 --> 00:35:30,814
ดังนั้นหากคุณกดปุ่มควบคุม -

668
00:35:30,814 --> 00:35:33,718
>> ผู้ชม: ที่นี่

669
00:35:33,718 --> 00:35:36,410
และทำ [ไม่ได้ยิน]?

670
00:35:36,410 --> 00:35:37,307
>> ROGER ZURAWICKI G-I-T

671
00:35:37,307 --> 00:35:38,557
>> ผู้ชม: [ไม่ได้ยิน]

672
00:35:38,557 --> 00:35:40,410

673
00:35:40,410 --> 00:35:42,670
>> ROGER ZURAWICKI: Git แล้วโคลน

674
00:35:42,670 --> 00:35:46,610
ดังนั้นจึงเป็นที่คล้ายกันมากกับคำสั่งที่คุณ
มีข้างต้น แต่ URL ที่เปลี่ยน

675
00:35:46,610 --> 00:35:49,010
ดังนั้นก่อนที่จะเป็นแบบนี้ตอนนี้ก็ถึงนี้

676
00:35:49,010 --> 00:35:50,680
ผมขอปรับปรุง -

677
00:35:50,680 --> 00:35:51,354
ใช่

678
00:35:51,354 --> 00:35:52,604
>> ผู้ชม: [ไม่ได้ยิน]

679
00:35:52,604 --> 00:35:56,000

680
00:35:56,000 --> 00:35:58,076
>> ROGER ZURAWICKI นี้ถูกดาวน์โหลด

681
00:35:58,076 --> 00:35:59,326
>> ผู้ชม: [ไม่ได้ยิน]

682
00:35:59,326 --> 00:36:02,930

683
00:36:02,930 --> 00:36:05,690
>> ROGER ZURAWICKI: โอ้จึง
ไม่โคลนได้อย่างถูกต้อง

684
00:36:05,690 --> 00:36:07,920
ฉันจะแก้ไขที่

685
00:36:07,920 --> 00:36:10,190
มีข้อผิดพลาดกับการพยายามเป็น
การดาวน์โหลดไฟล์

686
00:36:10,190 --> 00:36:13,820
ผมขอปรับปรุงคำสั่งสำหรับคุณผู้ชาย
เพื่อให้สามารถให้แน่ใจว่ามันจะทำงาน

687
00:36:13,820 --> 00:36:17,025
ฉันขอโทษเกี่ยวกับว่า

688
00:36:17,025 --> 00:36:21,618
มันควรจะเป็นเหมือนกันสำหรับ
แม็คหรือเครื่องใช้ CS50

689
00:36:21,618 --> 00:36:22,868
>> ผู้ชม: [ไม่ได้ยิน]

690
00:36:22,868 --> 00:36:49,320

691
00:36:49,320 --> 00:36:51,190
>> ROGER ZURAWICKI: เราได้ปรับปรุง
คำสั่งสำหรับการจำนวนสองถ้า

692
00:36:51,190 --> 00:36:52,910
คุณรีเฟรชหน้า

693
00:36:52,910 --> 00:36:56,520
และมีนี้ URL ที่คุณควรจะ
สามารถที่จะดาวน์โหลดไฟล์

694
00:36:56,520 --> 00:37:00,162

695
00:37:00,162 --> 00:37:02,550
>> ผู้ชม: ดังนั้นหากเรายังคง
ดาวน์โหลด [ไม่ได้ยิน]

696
00:37:02,550 --> 00:37:05,930
>> ROGER ZURAWICKI: ถ้าคุณ
ยังคงดาวน์โหลดดาวตก?

697
00:37:05,930 --> 00:37:07,180
>> ผู้ชม: [ไม่ได้ยิน]

698
00:37:07,180 --> 00:37:09,860

699
00:37:09,860 --> 00:37:11,910
>> ROGER ZURAWICKI: ใช่ถ้าคุณต้องการ
การพัฒนาบน Mac ของคุณ

700
00:37:11,910 --> 00:37:14,145
แต่คุณต้องพัฒนา Xcode
เครื่องมือที่ติดตั้ง

701
00:37:14,145 --> 00:37:21,530

702
00:37:21,530 --> 00:37:24,550
ผมได้ทดสอบคำสั่งเหล่านี้ใน CS50
เครื่องดังนั้นฉันสามารถรับประกัน

703
00:37:24,550 --> 00:37:25,440
ว่ามันจะทำงาน

704
00:37:25,440 --> 00:37:26,710
ใช่ ให้ฉันไปและช่วยให้คุณ

705
00:37:26,710 --> 00:37:30,558

706
00:37:30,558 --> 00:37:31,808
>> ผู้ชม: [ไม่ได้ยิน]

707
00:37:31,808 --> 00:37:39,440

708
00:37:39,440 --> 00:37:40,372
ฉันจะให้รหัสผ่านของฉัน

709
00:37:40,372 --> 00:37:42,240
นี้เป็น Mac

710
00:37:42,240 --> 00:37:43,490
และจากนั้นฉันทำ [ไม่ได้ยิน]

711
00:37:43,490 --> 00:37:51,114

712
00:37:51,114 --> 00:37:52,580
>> ROGER ZURAWICKI: OK

713
00:37:52,580 --> 00:37:57,080
ผมจะพยายามใช้คำสั่งทั้งหมด
แต่เพียงผู้เดียวในสถานีเครื่อง CS50

714
00:37:57,080 --> 00:37:58,330
>> ผู้ชม: [ไม่ได้ยิน]

715
00:37:58,330 --> 00:38:00,220

716
00:38:00,220 --> 00:38:02,570
>> ROGER ZURAWICKI: ฉันจะได้รับมันทำงาน
ครั้งแรกที่สถานีบน

717
00:38:02,570 --> 00:38:04,830
เครื่องใช้ CS50 แล้ว
เทอร์แม็ค

718
00:38:04,830 --> 00:38:08,130
>> ผู้ชม: ดังนั้นถ้าคุณทำมันใน CS50
เครื่องใช้เช่นนั้น [ไม่ได้ยิน]

719
00:38:08,130 --> 00:38:13,650

720
00:38:13,650 --> 00:38:15,850
>> ROGER ZURAWICKI: ผมอยากจะย้าย
แต่ถ้าคนยังคงมี

721
00:38:15,850 --> 00:38:20,190
ปัญหาการตั้งค่าดาวตก, เควินเป็น
มีความสุขที่จะช่วยให้พวกคุณออก

722
00:38:20,190 --> 00:38:21,440
เควินในเสื้อสีเทา

723
00:38:21,440 --> 00:38:26,320

724
00:38:26,320 --> 00:38:32,170
สิ่งที่เราควรจะมีคือเรากำลังจะ
เรียกใช้คำสั่งสุดท้ายที่บ้านเลขที่สามใน

725
00:38:32,170 --> 00:38:33,710
สถานีของเรา

726
00:38:33,710 --> 00:38:37,320
เมื่อเราทำอย่างนั้นเราจะเรียกดาวตก

727
00:38:37,320 --> 00:38:39,040
>> และคุณควร -

728
00:38:39,040 --> 00:38:41,200
โอ้ฉันมีดาวตกวิ่ง

729
00:38:41,200 --> 00:38:45,230
ดังนั้นก็จะไม่ปล่อยให้ - ให้ฉัน
เพียงแค่ปิดดาวตกอื่น ๆ ของฉัน

730
00:38:45,230 --> 00:38:49,640
เมื่อฉันใช้ดาวตกคุณ
ตอนนี้จะเห็นว่า -

731
00:38:49,640 --> 00:38:51,490
คุณจะเห็นไดเรกทอรีปัจจุบัน
ว่าจะให้บริการ

732
00:38:51,490 --> 00:38:55,476
และตอนนี้ก็จะบอกว่าเซิร์ฟเวอร์
ทำงานอยู่ใน http://localhost

733
00:38:55,476 --> 00:38:58,860
นั่นเป็น URL ที่คุณต้องการจะนำ
ในเว็บเบราว์เซอร์ของคุณ

734
00:38:58,860 --> 00:39:05,410
>> และ URL ที่คุณควรจะสามารถที่จะ
เข้าถึงลีดเดอร์น้อยดี

735
00:39:05,410 --> 00:39:10,030

736
00:39:10,030 --> 00:39:14,530
เพื่อแจ้งให้ทราบว่านี่คือใน localhost,
ซึ่งหมายความว่าถ้าคุณดำเนินการใด ๆ

737
00:39:14,530 --> 00:39:17,320
การเปลี่ยนแปลงที่คุณไม่ได้ไป
เห็นการเปลี่ยนแปลงของกันและกัน

738
00:39:17,320 --> 00:39:20,830
ในขณะที่ในเว็บไซต์ของผมแสดงให้เห็นว่าคุณ
ที่จุดเริ่มต้นที่เราจะได้รับ

739
00:39:20,830 --> 00:39:23,380
การเปลี่ยนแปลงของทุกคนเพราะทุกคน
ได้รับการเข้าถึงเว็บไซต์เดียวกัน

740
00:39:23,380 --> 00:39:27,010

741
00:39:27,010 --> 00:39:29,540
>> เพื่อให้ฉันเพียงแค่ไปที่ [? คำ?]

742
00:39:29,540 --> 00:39:35,570
3,000

743
00:39:35,570 --> 00:39:38,820
ดังนั้นคุณควรจะสามารถที่จะเพียงแค่ยืนยัน
ว่าการทำงานของฟังก์ชั่น

744
00:39:38,820 --> 00:39:44,790
คุณสามารถเลือกคนที่แตกต่างกันและ
คุณสามารถให้พวกเขามีจุดที่แตกต่างกัน

745
00:39:44,790 --> 00:39:46,710
ดังนั้นผมจึงให้จุดคน

746
00:39:46,710 --> 00:39:50,420
นอกจากนี้คุณยังจะเห็นว่า
พวกเขาเพิ่มขึ้นในการจัดอันดับ

747
00:39:50,420 --> 00:39:53,450

748
00:39:53,450 --> 00:39:57,360
>> ตอนนี้อยู่ในความสนใจของเวลาที่มี
มีสามคุณลักษณะที่ฉันได้

749
00:39:57,360 --> 00:39:58,020
ดำเนินการ

750
00:39:58,020 --> 00:40:03,760
และเรากำลังจะดำเนินการลบ
ผู้ใช้เป็นคุณสมบัติแรกของเรา

751
00:40:03,760 --> 00:40:06,360
แต่ก่อนที่เราจะย้ายไปอยู่ที่
มีคำถามหรือข้อสงสัย

752
00:40:06,360 --> 00:40:09,010
คุณมีมือของคุณขึ้น

753
00:40:09,010 --> 00:40:10,480
ใช่?

754
00:40:10,480 --> 00:40:11,730
>> ผู้ชม: [ไม่ได้ยิน]

755
00:40:11,730 --> 00:40:20,980

756
00:40:20,980 --> 00:40:22,450
>> ROGER ZURAWICKI: สามารถตรวจสอบ
ดาวตกที่มีการติดตั้ง

757
00:40:22,450 --> 00:40:25,160

758
00:40:25,160 --> 00:40:26,410
>> ผู้ชม: [ไม่ได้ยิน]

759
00:40:26,410 --> 00:40:31,440

760
00:40:31,440 --> 00:40:32,680
>> ROGER ZURAWICKI: โฮสต์ท้องถิ่น 3,000?

761
00:40:32,680 --> 00:40:36,550
และคุณอยู่ในเครื่องใช้ CS50?

762
00:40:36,550 --> 00:40:37,800
ฉันจะทำ -

763
00:40:37,800 --> 00:40:39,870

764
00:40:39,870 --> 00:40:41,210
คุณไม่จำเป็นต้องมีบน Mac

765
00:40:41,210 --> 00:40:43,558
นี้จะทำงานในเครื่อง

766
00:40:43,558 --> 00:40:45,880
>> ผู้ชม: [ไม่ได้ยิน]

767
00:40:45,880 --> 00:40:47,520
>> ROGER ZURAWICKI: ในปกติ
เว็บเบราเซอร์ใช่

768
00:40:47,520 --> 00:40:49,170
>> ผู้ชม: [ไม่ได้ยิน]

769
00:40:49,170 --> 00:40:52,100
>> ROGER ZURAWICKI สินค้าดาวตกทำงาน?

770
00:40:52,100 --> 00:40:54,180
ดังนั้นตกลงมีความแตกต่างที่นี่

771
00:40:54,180 --> 00:40:56,300
ถ้าคุณใช้มันใน
เครื่องใช้ที่คุณต้องทำ

772
00:40:56,300 --> 00:40:58,400
localhost ภายในเครื่อง

773
00:40:58,400 --> 00:41:00,860
ถ้าคุณใช้มันใน Mac ของคุณ
เช่นฉันแล้วฉันจะทำ

774
00:41:00,860 --> 00:41:02,460
ของฉัน Mac Google Chrome

775
00:41:02,460 --> 00:41:05,520
แต่ถ้าคุณกำลังใช้เครื่องใช้ CS50,
ที่คุณต้องทำทุกอย่าง

776
00:41:05,520 --> 00:41:06,350
ในเครื่องใช้ไฟฟ้า

777
00:41:06,350 --> 00:41:09,022
ดังนั้นคุณต้องใช้ Google
Chrome ในเครื่อง

778
00:41:09,022 --> 00:41:10,350
>> ผู้ชม: [ไม่ได้ยิน]

779
00:41:10,350 --> 00:41:12,188
>> ROGER ZURAWICKI: มันเป็น
ยังคงไม่ทำงาน

780
00:41:12,188 --> 00:41:13,438
>> ผู้ชม: [ไม่ได้ยิน]

781
00:41:13,438 --> 00:41:39,170

782
00:41:39,170 --> 00:41:42,390
>> ROGER ZURAWICKI: ดังนั้นเพียงแค่ทำซ้ำ
วิธีการทำคุณเข้าถึงเว็บไซต์ในขณะนี้

783
00:41:42,390 --> 00:41:46,380
คุณมี URL ที่นี่ใน
localhost 3,000

784
00:41:46,380 --> 00:41:49,600
ถ้าคุณอยู่ในเครื่องใช้ CS50,
คุณต้องเปิด CS50

785
00:41:49,600 --> 00:41:51,320
เครื่องใช้ของ Google Chrome

786
00:41:51,320 --> 00:41:54,850
และในการที่ Google Chrome ภายใน
เครื่องใช้คุณสามารถพิมพ์ใน URL ที่

787
00:41:54,850 --> 00:41:56,400
และคุณจะเห็นลีดเดอร์

788
00:41:56,400 --> 00:41:58,990

789
00:41:58,990 --> 00:42:04,800
ดังนั้นฉันจะเพียงแค่ใส่มันออก
ไปด้านข้างที่นี่นิด ๆ หน่อย ๆ

790
00:42:04,800 --> 00:42:09,600
และตอนนี้ฉันกำลังจะไปเปิดของฉัน
แก้ไขข้อความที่นี่

791
00:42:09,600 --> 00:42:16,040
เพื่อให้ฉันเพียงแค่ให้แน่ใจว่า
รหัสที่อยู่ในการสั่งซื้อ

792
00:42:16,040 --> 00:42:17,580
ตกลง

793
00:42:17,580 --> 00:42:19,750
ยิ่งใหญ่

794
00:42:19,750 --> 00:42:22,360
>> ฉันต้องการตอนนี้เดินผ่าน
รหัสบิต

795
00:42:22,360 --> 00:42:26,110
และไฟล์แรกที่ฉันต้องการที่จะเริ่มต้น
ด้วยคือ leaderboard.html

796
00:42:26,110 --> 00:42:31,520
คุณจะสามารถที่จะได้รับรหัสนี้หลังจากที่
การสัมมนาเพื่อให้ฉันเพียงแค่ต้องการที่จะแสดง

797
00:42:31,520 --> 00:42:33,960
คุณบนคอมพิวเตอร์ของฉันสิ่งที่เกิดขึ้น

798
00:42:33,960 --> 00:42:39,130

799
00:42:39,130 --> 00:42:40,970
ดังนั้นผมจึงหวังว่าทุกคนสามารถดูนี้

800
00:42:40,970 --> 00:42:47,970

801
00:42:47,970 --> 00:42:51,590
ดังนั้นในช่วงเริ่มต้นของไฟล์ที่เรา
มีหัวและชื่อของเราซึ่ง

802
00:42:51,590 --> 00:42:54,510
มีความคล้ายคลึงกับสิ่งที่เราเห็น
ในเอกสารทุก

803
00:42:54,510 --> 00:42:56,990
แล้วเรากำลังจะมี
แท็กร่างกายที่นี่

804
00:42:56,990 --> 00:42:59,920
>> สิ่งที่ฉันได้รับเลือกเป็นหลัก
ร่างกายโดยทั่วไปสิ่งที่

805
00:42:59,920 --> 00:43:01,470
จะได้รับการแสดง

806
00:43:01,470 --> 00:43:05,560
แต่มีบางอย่างใหม่ที่ไม่ HTML
สิ่งและที่อยู่ใน

807
00:43:05,560 --> 00:43:06,710
วงเล็บมุมคู่

808
00:43:06,710 --> 00:43:08,600
และเหล่านี้เป็นแม่แบบของแท็ก

809
00:43:08,600 --> 00:43:13,770
ดังนั้นคุณจะเห็นที่นี่วงเล็บนี้
ลีดเดอร์ใหม่วงเล็บ

810
00:43:13,770 --> 00:43:17,390
และนี่คือชนิดของ - คิดว่ามัน
เป็นฟังก์ชั่นการโทร HTML

811
00:43:17,390 --> 00:43:19,320
>> นี้เป็นรุ่นพิเศษของภาษา

812
00:43:19,320 --> 00:43:22,730
มันเป็นรุ่นที่ใช้ดาวตกซึ่ง
คือเหตุผลที่คุณสามารถแสดงที่แตกต่างกัน

813
00:43:22,730 --> 00:43:26,190
สิ่งเช่นลีดเดอร์
ชื่อและที่ปุ่ม

814
00:43:26,190 --> 00:43:30,870
แต่ลีดเดอร์บอกให้คุณไปที่
แม่แบบที่มีชื่อลีดเดอร์

815
00:43:30,870 --> 00:43:34,746
ดังนั้นแม่ไม่ได้รับการแสดงโดย
ตัวเอง แต่มันเป็นหน้าที่จึง

816
00:43:34,746 --> 00:43:35,390
จะได้รับการเรียกว่า

817
00:43:35,390 --> 00:43:41,030
และคุณจะใช้แทนในทั้งหมดนี้
รหัสที่นี่เป็นลีดเดอร์

818
00:43:41,030 --> 00:43:44,510

819
00:43:44,510 --> 00:43:48,820
>> ส่วนที่น่าสนใจของลีดเดอร์
นี่เป็นเพียงตารางนี้

820
00:43:48,820 --> 00:43:52,910
หากคุณเพียงแค่อ่านมันอ่านรห​​ัสนี้
ออกมาดัง ๆ ก็ควรจะใช้งานง่าย

821
00:43:52,910 --> 00:43:57,390
เพราะลีดเดอร์เราทุกคน
ได้ที่นี่เป็นตาราง

822
00:43:57,390 --> 00:44:00,410
นี้สิ่งที่ชั้น ID ที่คุณทำไม่ได้
จำเป็นต้องกังวลเกี่ยวกับ

823
00:44:00,410 --> 00:44:02,460
เพิ่งรู้ว่ามีส่วนหัวของตาราง

824
00:44:02,460 --> 00:44:03,630
นั่นคือ thead นี้

825
00:44:03,630 --> 00:44:06,860
>> และมันก็พบว่าชื่อและคะแนน

826
00:44:06,860 --> 00:44:12,150
แท็กทั้งหมดเหล่านี้เช่น thtable, thead,
คุณก็จะได้เรียนรู้ที่คุณไปพร้อม

827
00:44:12,150 --> 00:44:15,540
มันไม่สำคัญว่าคุณจดจำ
เหล่านี้เพราะคุณเพียงแค่สามารถเข้าถึงใด ๆ

828
00:44:15,540 --> 00:44:16,520
อ้างอิงออนไลน์

829
00:44:16,520 --> 00:44:20,610
หรือสิ้นภาคการศึกษาเหล่านี้
จะเป็นเพียงความคุ้นเคยกับคุณ

830
00:44:20,610 --> 00:44:22,840
>> หลังจากที่ส่วนหัวของตาราง
ส่วนหนึ่งที่ผมอยากจะวาดของคุณ

831
00:44:22,840 --> 00:44:24,900
ความสนใจที่จะเป็นป้ายชั่วโมงนี้

832
00:44:24,900 --> 00:44:27,180
เพราะมันอยู่ในวงเล็บคู่
เป็นแม่แบบ

833
00:44:27,180 --> 00:44:30,980
ดังนั้นนั่นหมายความว่าสำหรับแต่ละของผู้เล่น
สิ่งที่ผู้เล่นที่เราจะต้อง

834
00:44:30,980 --> 00:44:31,500
แสดง

835
00:44:31,500 --> 00:44:32,965
และเราจะไปแม่เล่น

836
00:44:32,965 --> 00:44:35,680

837
00:44:35,680 --> 00:44:39,890
>> ถ้าเราเลื่อนลงอีกเล็กน้อย -

838
00:44:39,890 --> 00:44:40,980
ฉันหวังว่าทุกคนจะเห็นได้ว่า

839
00:44:40,980 --> 00:44:42,900
เรามีแม่แบบของผู้เล่น

840
00:44:42,900 --> 00:44:49,080
และแม่แบบนี้โดยทั่วไปกำหนด
เซลล์ตารางที่คุณใส่ในชื่อ

841
00:44:49,080 --> 00:44:50,330
ที่นี่และคะแนน

842
00:44:50,330 --> 00:44:52,540

843
00:44:52,540 --> 00:44:56,720
ซูมออกตอนนี้เราสามารถมองเห็น
ที่ก้อนของรหัสนี้ -

844
00:44:56,720 --> 00:44:59,060
และที่เป็นผู้เล่นของเราลงมี -

845
00:44:59,060 --> 00:45:01,070
กำหนดหนึ่งของเซลล์เหล่านี้

846
00:45:01,070 --> 00:45:02,890
สิ่งที่ฉันคลิกแต่ละ
จะกลายเป็นสีเหลือง

847
00:45:02,890 --> 00:45:06,690

848
00:45:06,690 --> 00:45:08,660
>> วิธีง่ายๆที่ฉันสามารถเปลี่ยนได้ในขณะนี้

849
00:45:08,660 --> 00:45:10,150
ให้แน่ใจว่าดาวตกจะยังคงทำงาน

850
00:45:10,150 --> 00:45:12,540
ดาวตกควรจะเป็นกระบวนการเซิร์ฟเวอร์
ดังนั้นคุณก็ปล่อยให้มันเป็น

851
00:45:12,540 --> 00:45:14,020
ทำงานเมื่อคุณพัฒนา

852
00:45:14,020 --> 00:45:18,280
สมมติว่าผมต้องการที่จะเปลี่ยน
ชื่อทั้งหมดหรือคะแนน

853
00:45:18,280 --> 00:45:23,320
และผมจะบอกว่าผมจะ
เพื่อเพิ่มจุดที่นี่

854
00:45:23,320 --> 00:45:27,215
ดังนั้นการเปลี่ยนแปลงที่ผมทำที่นี่เป็น
แทนคะแนนเพียงแค่ฉัน

855
00:45:27,215 --> 00:45:30,280
เพิ่มจุดพื้นที่คะแนน

856
00:45:30,280 --> 00:45:32,775
>> ฉันจะขยายออกและฉัน
จะบันทึกไฟล์ของฉัน

857
00:45:32,775 --> 00:45:35,510

858
00:45:35,510 --> 00:45:39,830
และหลังจากที่ฉันบันทึกแฟ้มของฉันที่ฉันต้องการ
เพื่อให้แน่ใจว่าดาวตกทำงาน

859
00:45:39,830 --> 00:45:55,650

860
00:45:55,650 --> 00:45:57,610
ขออภัยเกี่ยวกับที่

861
00:45:57,610 --> 00:46:00,330
ผมต้องการที่จะแสดงให้คุณแก้ไข
ได้ทำในเวลาจริง

862
00:46:00,330 --> 00:46:06,180
ดังนั้นฉันจะเปลี่ยนข้อความบางส่วน

863
00:46:06,180 --> 00:46:07,600
คลิกที่ผู้เล่น

864
00:46:07,600 --> 00:46:10,040
ฉันวางไว้ในตัวพิมพ์ใหญ่ทั้งหมด

865
00:46:10,040 --> 00:46:14,540
และมันควรจะเป็นไปได้ว่าหากมีการทำงาน
อย่างถูกต้องเมื่อฉันบันทึกมัน

866
00:46:14,540 --> 00:46:16,801
จะ update

867
00:46:16,801 --> 00:46:20,420
>> โอ้ฉันคิดว่าตอนนี้ปัญหาคือ
ผมไม่ได้อยู่ในสมุดขวา

868
00:46:20,420 --> 00:46:24,940

869
00:46:24,940 --> 00:46:26,870
ตกลง

870
00:46:26,870 --> 00:46:28,160
ฉันขอโทษเกี่ยวกับว่า

871
00:46:28,160 --> 00:46:32,860
ดังนั้นนี่คือสิ่งที่คุณแจ้งให้ทราบเป็น
การเปลี่ยนแปลงของฉันเดินผ่าน

872
00:46:32,860 --> 00:46:34,540
ตอนนี้บอกว่าผมต้องการที่จะกลับไปเปลี่ยนแปลง

873
00:46:34,540 --> 00:46:36,200
ผมต้องการที่จะกลับไปที่สิ่งที่ฉันได้

874
00:46:36,200 --> 00:46:37,640
ฉันแค่จะพิมพ์ตามปกติ

875
00:46:37,640 --> 00:46:39,180
คลิกที่ผู้เล่น

876
00:46:39,180 --> 00:46:42,920
>> ขณะที่ฉันบันทึก
เว็บไซต์รีเฟรชสำหรับฉัน

877
00:46:42,920 --> 00:46:44,740
และผมเห็นการเปลี่ยนแปลงของฉันใน
เว็บไซต์ได้ทันที

878
00:46:44,740 --> 00:46:48,170
นี้เป็นคุณลักษณะที่มีประโยชน์จริงๆ
ในการแก้จุดบกพร่องเพราะตอนนี้

879
00:46:48,170 --> 00:46:49,640
ฉันจะได้ไม่ต้อง -

880
00:46:49,640 --> 00:46:52,920
เมื่อเราเขียนรหัส C ไม่เพียง แต่เราไม่ได้ทำ
มีการบันทึกแฟ้ม แต่เราต้อง

881
00:46:52,920 --> 00:46:54,750
ให้มันแล้วเรียกใช้อีกครั้ง

882
00:46:54,750 --> 00:46:58,750
ดาวตกเป็นสิ่งที่ดีมากเพราะไม่เหมือนซี
ขณะที่คุณบันทึก HTML หรือของคุณ

883
00:46:58,750 --> 00:47:01,070
ไฟล์ JavaScript, การเปลี่ยนแปลง
แสดงขึ้นทันที

884
00:47:01,070 --> 00:47:05,050

885
00:47:05,050 --> 00:47:09,140
>> คำถามหนึ่งคือในแม่แบบเหล่านี้อย่างไร
ฉันจะได้รับค่าเช่นเครื่องเล่น

886
00:47:09,140 --> 00:47:11,520
หรือเลือกชื่อหรือไม่

887
00:47:11,520 --> 00:47:17,130
ถ้าผมซูมในที่นี่เป็นรหัสของฉัน
ฉันเห็นนี้สำหรับผู้เล่นแต่ละคน

888
00:47:17,130 --> 00:47:19,970
ดังนั้นแม่รู้ว่า
ผมมีผู้เล่นอย่างใด

889
00:47:19,970 --> 00:47:22,110
และก็รู้ว่ามี
ชื่อที่เลือก

890
00:47:22,110 --> 00:47:23,220
ที่นี้มาจากไหน

891
00:47:23,220 --> 00:47:25,180
ที่มาจาก JavaScript

892
00:47:25,180 --> 00:47:30,980
>> และถ้าคุณไปที่ leaderboard.js นี้
ไฟล์ตอนนี้เมื่อผมไปที่นี่เรามี

893
00:47:30,980 --> 00:47:33,460
ไม่กี่คำสั่งที่กำหนดไว้

894
00:47:33,460 --> 00:47:36,400
นี้เป็นไวยากรณ์ดาวตกพิเศษ

895
00:47:36,400 --> 00:47:38,600
ขอให้สังเกตว่าคุณไม่จำเป็นต้อง
Vars หรืออะไร

896
00:47:38,600 --> 00:47:42,990
แต่เหล่านี้เป็นเพียงการ structs กับ structs
เมื่อ structs หรือวัตถุเหล่านี้

897
00:47:42,990 --> 00:47:45,910
และทั้งหมดที่ฉันกำหนดเป็นแม่แบบ
เรียกว่าลีดเดอร์

898
00:47:45,910 --> 00:47:47,900
>> ลีดเดอร์ควรจะได้รับ
สิ่งที่เรียกว่าผู้เล่น

899
00:47:47,900 --> 00:47:48,840
และสิ่งที่เป็นผู้เล่น

900
00:47:48,840 --> 00:47:51,860
มันเป็นสิ่งที่แสดงออกนี้ผลตอบแทน

901
00:47:51,860 --> 00:47:53,020
และสิ่งที่เป็นชื่อเลือก

902
00:47:53,020 --> 00:47:54,630
มันคือรหัสบางอย่างเพิ่มเติม

903
00:47:54,630 --> 00:47:56,810
รายละเอียดของรหัสเราจะ
ครอบคลุมบิตต่อมา

904
00:47:56,810 --> 00:48:02,210
แต่ตอนนี้ฉันต้องการให้คุณเข้าใจ
ว่าในรหัสนี้เราจะพา

905
00:48:02,210 --> 00:48:04,350
ผู้เล่นและเรากำลังทำให้มันมีมูลค่า

906
00:48:04,350 --> 00:48:07,000
ในกรณีนี้มันเป็นหน้าที่
ที่ได้รับการดำเนินการ

907
00:48:07,000 --> 00:48:10,290
เพื่อให้เราสามารถได้รับค่ากลับ
เมื่อเราใช้ฟังก์ชั่น

908
00:48:10,290 --> 00:48:12,830

909
00:48:12,830 --> 00:48:13,520
นี่คือการเข้าสู่ระบบ

910
00:48:13,520 --> 00:48:14,770
ไม่ที่ทำให้รู้สึก?

911
00:48:14,770 --> 00:48:23,170

912
00:48:23,170 --> 00:48:25,010
>> ฉันสามารถเปลี่ยนวิธีการที่จะเรียงลำดับ

913
00:48:25,010 --> 00:48:27,230
ที่นี่มีการจัดเรียงวัตถุ

914
00:48:27,230 --> 00:48:31,660
และสิ่งนี้จะถูกกล่าวว่าฉันจะต้องเรียงลำดับ
โดยคะแนนจากมากไปน้อยแรกและ

915
00:48:31,660 --> 00:48:33,170
แล้วตั้งชื่อจากน้อยไปมาก

916
00:48:33,170 --> 00:48:36,630
หากฉันเปลี่ยนไปอย่างใดอย่างหนึ่งก็จะ
การเรียงลำดับคะแนนจากน้อยไปมาก

917
00:48:36,630 --> 00:48:39,120
ดังนั้นศูนย์ควรจะอยู่ด้านบน

918
00:48:39,120 --> 00:48:43,370
และเมื่อฉันขยายเข้าไปในเว็บไซต์ของเรา
ตอนนี้เห็นว่าเว็บไซต์ที่มีการปรับปรุง

919
00:48:43,370 --> 00:48:44,923
และคะแนนจะขึ้นไป

920
00:48:44,923 --> 00:48:49,010

921
00:48:49,010 --> 00:48:53,980
>> ฟังก์ชั่นต่อไปที่ผมต้องการเพียงแค่
เพื่อให้ครอบคลุมเป็นคลิกเพิ่มขึ้น

922
00:48:53,980 --> 00:48:57,910
ออกจากดอกเบี้ยของเวลาที่ฉันจะไม่
สามารถครอบคลุมมากขึ้นของดาวตก

923
00:48:57,910 --> 00:49:00,690
รหัส แต่มีมากมายของทรัพยากร
ที่มีอยู่และเราจะเป็น

924
00:49:00,690 --> 00:49:03,560
ที่นี่หลังจากการสัมมนา

925
00:49:03,560 --> 00:49:07,680
แต่ฉันเพียงแค่ต้องการที่จะครอบคลุม
เหตุการณ์ลีดเดอร์

926
00:49:07,680 --> 00:49:10,520
ไวยากรณ์นี้คุณจะได้เรียนรู้
บิตต่อมาในการบรรยาย

927
00:49:10,520 --> 00:49:12,870
นี้เป็น JavaScript

928
00:49:12,870 --> 00:49:16,720
>> เราเพียง แต่พูดว่าเมื่อเราได้รับการคลิก
และมันเป็นเรื่องเกี่ยวกับการเพิ่มขึ้นนี้

929
00:49:16,720 --> 00:49:19,160
กัญชาก็หมายความ ID

930
00:49:19,160 --> 00:49:23,945
บนแท็กเพิ่ม ID แล้วเราต้องการ
การปรับปรุง - คำสำคัญที่ผมอยากให้คุณ

931
00:49:23,945 --> 00:49:26,740
เพื่อดูการปรับปรุงและ
เลือกและผู้เล่น

932
00:49:26,740 --> 00:49:29,080
ดังนั้นไม่ว่าผู้เล่นที่เลือก
เราปรับปรุงมัน

933
00:49:29,080 --> 00:49:31,260
และสิ่งที่เราทำคือเราเพิ่มขึ้น
คะแนนโดยห้า

934
00:49:31,260 --> 00:49:37,700

935
00:49:37,700 --> 00:49:40,340
และที่จะอธิบายการทำงาน
เราได้ที่นี่

936
00:49:40,340 --> 00:49:50,270

937
00:49:50,270 --> 00:49:54,510
>> หลังจากที่ในตอนท้ายของการสัมมนาครั้งนี้เราจะ
จะสามารถมองเห็นรหัสบางอย่างเพิ่มเติม

938
00:49:54,510 --> 00:50:00,400
แต่จะกลับไปที่เป้าหมายของฉันที่ฉันต้องการ
เปลี่ยนเว็บไซต์ที่ผมอยากไปที่นี่

939
00:50:00,400 --> 00:50:03,400
เพื่อเพิ่มปุ่มลบเพื่อ
ฉันจะลบผู้เล่น

940
00:50:03,400 --> 00:50:05,390
ดังนั้นจะทำอย่างไรที่ฉันต้องการ
ทำสองสิ่ง

941
00:50:05,390 --> 00:50:09,680
ฉันจำเป็นต้องปรับปรุง HTM​​L ปรับปรุง
ดูสิ่งที่ได้รับแสดงให้เห็นว่าผู้ใช้และ

942
00:50:09,680 --> 00:50:15,080
แล้วมีบาง JavaScript ที่เมื่อ
ปุ่มกดดาวตกที่เกิดขึ้น

943
00:50:15,080 --> 00:50:15,690
ที่จะทำอะไร

944
00:50:15,690 --> 00:50:18,040
มันจะเอาผู้เล่นที่

945
00:50:18,040 --> 00:50:20,720
>> ดังนั้นมีจำนวนมากของชิ้นของรหัส
ที่มีพื้นอยู่แล้ว

946
00:50:20,720 --> 00:50:22,610
รับการทำสำหรับฉัน

947
00:50:22,610 --> 00:50:26,160
ถ้าผมดูที่นี่ฉันมีวิธีที่
ในการได้รับผู้เล่นที่เลือก

948
00:50:26,160 --> 00:50:29,880
นั่นคือสิ่งที่นี้ถ้าคุณสามารถมองเห็นได้

949
00:50:29,880 --> 00:50:31,346
ดังนั้นถ้าฉันเพียง -

950
00:50:31,346 --> 00:50:35,160
ฉันจะมีเหตุการณ์อื่น

951
00:50:35,160 --> 00:50:37,900
ดังนั้นฉันจะคัดลอกสิ่งที่ฉันมี

952
00:50:37,900 --> 00:50:40,740
เพราะนี่คือรายการ
ฉันเพียงแค่ต้องจุลภาค

953
00:50:40,740 --> 00:50:45,480
>> ดังนั้นตอนนี้ฉันกำลังจะไปคลิกลบ

954
00:50:45,480 --> 00:50:48,840
แล้วแทนการปรับปรุงผู้เล่น
ฉันจะทำผู้เล่นลบ

955
00:50:48,840 --> 00:50:51,620
และผู้เล่นทุกคนต้องการลบ
เป็นผู้เล่นที่เลือก

956
00:50:51,620 --> 00:50:56,500
ดังนั้นฟังก์ชั่นนี้คือทั้งหมดที่เราต้องการ

957
00:50:56,500 --> 00:51:01,550
ฉันจะต้องเพิ่มบางส่วน
HTML ที่นี่ว่า

958
00:51:01,550 --> 00:51:05,180
ดังนั้นถ้าผมเลื่อนลงมาที่นี่
นี้เป็นมุมมอง HTM​​L

959
00:51:05,180 --> 00:51:08,300
เรามีสิ่งที่นี่
ซึ่งเป็นแท็ก

960
00:51:08,300 --> 00:51:09,610
คุณไม่จำเป็นต้องกังวลกับการที่

961
00:51:09,610 --> 00:51:12,000
>> สิ่งที่สำคัญกับคุณคือ
เพิ่มรหัสนี้

962
00:51:12,000 --> 00:51:14,990
และนี่คือสิ่งที่ช่วยให้เราที่จะบอกว่าเมื่อ
เราคลิกเพิ่มขึ้นเราจะต้อง

963
00:51:14,990 --> 00:51:16,410
ให้ห้าคะแนน

964
00:51:16,410 --> 00:51:18,240
และคุณจะเห็นว่านี่คือปุ่ม

965
00:51:18,240 --> 00:51:20,150
นั่นคือสิ่งที่หมายถึง btn

966
00:51:20,150 --> 00:51:23,190
และข้อความในปุ่ม
คือการให้ห้าคะแนน

967
00:51:23,190 --> 00:51:26,440
ดังนั้นสิ่งที่ผมจะทำคือผม
จะคัดลอกบรรทัดนี้

968
00:51:26,440 --> 00:51:29,910
ฉันจะเปลี่ยนหมายเลขที่จะลบ

969
00:51:29,910 --> 00:51:34,310
และฉันจะมีการเปลี่ยนแปลง
ข้อความที่นี่เพื่อลบ

970
00:51:34,310 --> 00:51:35,980
>> เพื่อให้แน่ใจว่าทุกอย่างที่บันทึกไว้

971
00:51:35,980 --> 00:51:39,010
ผมต้องการที่จะกลับไปที่จาวาสคริปต์ของฉันไป
เพื่อให้แน่ใจว่าฉันมี

972
00:51:39,010 --> 00:51:40,880
ลบเรียงรายขึ้นที่นี่

973
00:51:40,880 --> 00:51:41,780
ดี

974
00:51:41,780 --> 00:51:43,145
ดังนั้นฉันจะบันทึกไฟล์ทั้งสอง

975
00:51:43,145 --> 00:51:46,060

976
00:51:46,060 --> 00:51:49,320
หลังจากบันทึกไฟล์ทั้งสองเรา
สามารถกลับไปที่ด้านล่าง

977
00:51:49,320 --> 00:51:51,550
และตอนนี้เราจะเห็นว่าเรามี
ปุ่มลบ

978
00:51:51,550 --> 00:51:56,050
และเป็นหนึ่งในขั้นตอนมากขึ้น

979
00:51:56,050 --> 00:51:58,200
คุณสังเกตเห็นคุณอาจได้รับ
เพราะข้อผิดพลาดเมื่อฉันคลิก

980
00:51:58,200 --> 00:52:00,610
ลบไม่มีอะไรเกิดขึ้น

981
00:52:00,610 --> 00:52:03,930
>> วิธีที่จะแก้ปัญหานี้คือการไป
กลับไปตรวจสอบองค์ประกอบ

982
00:52:03,930 --> 00:52:07,820
ฉันทำเช่นนี้กับวัตถุประสงค์เพื่อให้คุณสามารถ
ดูวิธีการที่คุณจะแก้ปัญหาบางอย่าง

983
00:52:07,820 --> 00:52:11,210
ตรวจสอบในองค์ประกอบของเรามี
ทั้งหมดของข้อความของเราลงมาที่นี่

984
00:52:11,210 --> 00:52:13,320
ผมต้องการที่จะกลับไปที่คอนโซล

985
00:52:13,320 --> 00:52:19,230
และสิ่งที่เกิดขึ้นเมื่อฉันไปที่นี่
ที่ฉันจะได้รับชนิดของข้อผิดพลาดบาง

986
00:52:19,230 --> 00:52:21,660
มันบอกว่ามีวิธีการลบไม่มี

987
00:52:21,660 --> 00:52:30,770
>> ดังนั้นสิ่งนี้จะพูดคือเมื่อฉันไป
กลับไปที่รหัสผมเรียกว่าผู้เล่น

988
00:52:30,770 --> 00:52:31,870
ลบที่นี่

989
00:52:31,870 --> 00:52:34,430
ลบเป็นจริงไม่
คำสั่งที่ถูกต้อง

990
00:52:34,430 --> 00:52:39,740
เพื่อที่จะหาสิ่งที่คำสั่งที่ถูกต้อง
ที่มีดาวตก API

991
00:52:39,740 --> 00:52:42,680
เอกสารที่ผมอยากจะชี้ให้คุณ
ผู้ชายที่จะเป็นเพียงที่ meteor.com

992
00:52:42,680 --> 00:52:45,190
ดังนั้นผมจึงมีขึ้นที่นี่

993
00:52:45,190 --> 00:52:48,510

994
00:52:48,510 --> 00:52:51,370
นี้เป็นเพียงเพื่อให้พวกคุณรู้ว่า
ที่จะเรียนรู้เพิ่มเติม

995
00:52:51,370 --> 00:52:54,420
>> มีการเชื่อมโยงไปยังเอกสารที่เป็น

996
00:52:54,420 --> 00:52:59,410
และโดยทั่วไปจะทำได้เพียง
จะพบการลบ

997
00:52:59,410 --> 00:53:03,220
และสิ่งที่คุณเห็นลบ
เป็นจริงลบ

998
00:53:03,220 --> 00:53:05,400
นั่นคือคำสั่งที่
ฉันต้องการโทรหา

999
00:53:05,400 --> 00:53:09,620
ดังนั้นขณะนี้ที่เรารู้ว่าฉันจะ
การเปลี่ยนแปลงนี้ลบที่จะลบ

1000
00:53:09,620 --> 00:53:13,060

1001
00:53:13,060 --> 00:53:18,010
ดังนั้นตอนนี้เมื่อผมกลับไปที่ลีดเดอร์ของฉันไป
สถานที่ที่ฉันจะคลิก

1002
00:53:18,010 --> 00:53:19,450
ลบและตอนนี้ฉันหายไป

1003
00:53:19,450 --> 00:53:21,290
ไม่มีมากขึ้นเป็นโรเจอร์

1004
00:53:21,290 --> 00:53:25,470
และฉันสามารถให้ไปลบทุก
ชื่อเดียวจนกว่าฉันจะมีอะไรเหลือ

1005
00:53:25,470 --> 00:53:33,600

1006
00:53:33,600 --> 00:53:36,060
>> เพื่อให้เป็นตัวอย่างเล็ก ๆ น้อย ๆ
ของวิธีการใช้ดาวตก

1007
00:53:36,060 --> 00:53:38,990

1008
00:53:38,990 --> 00:53:42,380
คุณจะได้เรียนรู้ JavaScript มากขึ้น
และ HTML ที่จำเป็นเพื่อให้

1009
00:53:42,380 --> 00:53:46,970
มันดูสวยซึ่งเราจะครอบคลุมใน
สัปดาห์นี้ [? ชิ้น?] ที่ตั้งไว้สำหรับ HTML

1010
00:53:46,970 --> 00:53:49,630
และ JavaScript ในครั้งต่อไป
[? ชิ้น?] ชุด

1011
00:53:49,630 --> 00:53:53,150
>> จึงไม่ได้รับความกังวลใจหากไม่ได้ทั้งหมดของ
สิ่งนี้มาง่ายกับคุณ

1012
00:53:53,150 --> 00:53:56,410
มันจะตามเวลาของ
โครงการสุดท้าย

1013
00:53:56,410 --> 00:53:58,030
ขอบคุณสำหรับการแสดงขึ้น

1014
00:53:58,030 --> 00:54:01,380
การเชื่อมโยงฉันจะปรับปรุงทันทีหลังจากที่
การสัมมนาเพื่อให้คุณสามารถเห็นบางส่วนเพิ่มเติม

1015
00:54:01,380 --> 00:54:05,630
ตัวอย่างที่ผมเคยนำมาใช้ในการ
ที่จะได้รับลีดเดอร์ที่สูงขึ้น

1016
00:54:05,630 --> 00:54:08,640
ที่ฉันมีในเว็บไซต์นี้ที่นี่ที่
หนึ่งหัวรุนแรง leaderboard.meteor

1017
00:54:08,640 --> 00:54:19,550

1018
00:54:19,550 --> 00:54:21,260
ขอบคุณ

1019
00:54:21,260 --> 00:54:22,760
>> [APPLAUSE]

1020
00:54:22,760 --> 00:56:58,070