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

2
00:00:00,500 --> 00:00:10,960
[เล่นเพลง]

3
00:00:10,960 --> 00:00:12,960
ROGER ZURAWICKI: สวัสดีฉัน
ชื่อโรเจอร์ Zurawicki,

4
00:00:12,960 --> 00:00:16,410
และฉันจะครอบคลุม
CS50 สัมมนาดาวตก

5
00:00:16,410 --> 00:00:21,520
ดาวตกเป็นกรอบใหม่
อุทิศให้กับรูปแบบใหม่ของเว็บ

6
00:00:21,520 --> 00:00:25,220
ไม่ PHP ทำให้การร้องขอ
กลับมาชนิด

7
00:00:25,220 --> 00:00:29,070
เว็บที่เราเห็นในชุด PHPP,
แต่แบบไดนามิกมากขึ้น JavaScript

8
00:00:29,070 --> 00:00:31,370
ชิ้นส่วนของเว็บ

9
00:00:31,370 --> 00:00:36,260
ดาวตกสิ่งที่สามารถทำได้
รวมถึงการอัปเดตสด

10
00:00:36,260 --> 00:00:42,380
และทันทีที่การสื่อสาร
ระหว่างผู้ใช้ของเว็บไซต์เดียวกัน

11
00:00:42,380 --> 00:00:46,420
>> สำหรับการสัมมนาครั้งนี้เรามี
รหัสเจ้าภาพที่ GitHub ของฉัน

12
00:00:46,420 --> 00:00:49,690
คุณสามารถไปที่ URL นี้และดาวน์โหลดได้

13
00:00:49,690 --> 00:00:53,085
ถ้าคุณรู้วิธีการใช้ Git,
คุณสามารถโคลนที่เก็บ

14
00:00:53,085 --> 00:00:55,460
หากคุณไม่ได้รู้วิธีการใช้
คอมไพล์หรือไม่ได้ใช้ GitHub,

15
00:00:55,460 --> 00:00:57,030
ที่ดีอย่างสมบูรณ์

16
00:00:57,030 --> 00:01:00,480
ฉันจะแสดงให้คุณได้อย่างรวดเร็วจริงๆ
วิธีการที่เราสามารถไปที่ GitHub,

17
00:01:00,480 --> 00:01:03,604
และมีตัวเลือกที่จะ
ดาวน์โหลดซิปมีสิทธิ์

18
00:01:03,604 --> 00:01:06,770
เมื่อคุณดาวน์โหลดไดเรกทอรีนี้คุณ
สามารถเริ่มต้นการเล่นกับรหัสของเรา

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

20
00:01:10,200 --> 00:01:13,190
>> ข้อมูลเพิ่มเติมเกี่ยวกับดาวตก
สามารถพบได้ที่ meteor.com

21
00:01:13,190 --> 00:01:16,580
ในโฟลเดอร์สัมมนาที่จริงผม
มีบางโครงการดาวตกเราสามารถใช้

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

23
00:01:20,380 --> 00:01:26,400
หนึ่งในโฟลเดอร์ที่เรามีในของเรา
โครงการสัมมนาคือการตรวจสอบทั้งหมด

24
00:01:26,400 --> 00:01:28,780
ดังนั้นถ้าผมไปเข้ามันฉัน
ดาวตกได้ติดตั้ง

25
00:01:28,780 --> 00:01:35,690
ดังนั้นในการทำงานมันฉันเพียงแค่ต้องพิมพ์
ดาวตกดาวตกและจะติดตั้ง

26
00:01:35,690 --> 00:01:38,310
ที่คุณสามารถดูเราจะต้อง
ให้แน่ใจว่าเราติดตั้งดาวตก

27
00:01:38,310 --> 00:01:40,562
ดังนั้นฉันแค่ไป
ทำงานได้อีกครั้งหนึ่ง

28
00:01:40,562 --> 00:01:42,520
เพื่อให้แน่ใจว่าดาวตก
มีการติดตั้งอย่างถูกต้อง

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

30
00:01:46,370 --> 00:01:48,450
>> ในขณะที่ฉันมีดาวตก
การติดตั้งผมสามารถแสดงให้คุณ

31
00:01:48,450 --> 00:01:53,760
บางสาธิตสดของเว็บไซต์ดาวตก
จะมีชีวิตอยู่ในขณะนี้บนอินเทอร์เน็ต

32
00:01:53,760 --> 00:01:57,990
ผมมีตัวอย่างของ app ของเรา

33
00:01:57,990 --> 00:02:00,740
คุณสามารถเข้าใช้งานได้ที่ URL ต่อไป

34
00:02:00,740 --> 00:02:06,350
นี่คือการทำแอพพลิเคที่เรา
มีการสัมมนาในไดเรกทอรีของเรา

35
00:02:06,350 --> 00:02:09,940
URL นี้คือ
rozu-rabbit.meteor.com

36
00:02:09,940 --> 00:02:14,782
คุณจะเห็นว่าดาวตกจะจริง
เป็นเจ้าภาพโครงการดาวตกของคุณได้ฟรี

37
00:02:14,782 --> 00:02:17,490
และในตอนท้ายของการสัมมนา,
คุณจะสามารถที่จะทำเช่นนี้ได้เป็นอย่างดี

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

39
00:02:20,550 --> 00:02:22,160
>> นี่คือการทำแอพพลิรายการ

40
00:02:22,160 --> 00:02:27,740
และคุณสามารถเข้าสู่ระบบสร้าง
บัญชีและเพิ่มงาน

41
00:02:27,740 --> 00:02:30,020
คุณสามารถสร้างบัญชีเช่นดังนั้น

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

43
00:02:33,050 --> 00:02:35,850
และตอนนี้เมื่อคุณมี
บัญชีของคุณสามารถเพิ่มงาน

44
00:02:35,850 --> 00:02:42,780
ตัวอย่างเช่นหนึ่งของงานผม
อาจจะต้องไปรับซักรีดของฉัน

45
00:02:42,780 --> 00:02:45,160
และถ้าคุณเกี่ยวกับเรื่องนี้
ออนไลน์เว็บไซต์คุณจะ

46
00:02:45,160 --> 00:02:49,790
เห็นจริงในงานนี้
คอมพิวเตอร์ของคุณในเวลาจริง

47
00:02:49,790 --> 00:02:53,760
>> ฉันสามารถแสดงให้คุณสาธิตอย่างรวดเร็ว
นี้โดยการเปิด rozu กระต่าย

48
00:02:53,760 --> 00:02:56,700
ในแท็บที่มี URL เดียวกันอีก

49
00:02:56,700 --> 00:03:00,360
และเราเห็นว่าข้อมูลที่เหมือนกันขึ้นมา

50
00:03:00,360 --> 00:03:02,240
นอกจากนี้เรายังสามารถทำงานใน
เบราว์เซอร์ที่แตกต่างกัน

51
00:03:02,240 --> 00:03:03,420
บอกว่าผมใช้มันใน Safari

52
00:03:03,420 --> 00:03:04,720
วิธีการที่เราไม่ได้เข้าสู่ระบบว่าใน

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

54
00:03:07,750 --> 00:03:11,060
ดังนั้นเราจึงมีดาวตกเดียวกัน
การตรวจสอบและเมื่อโหลด

55
00:03:11,060 --> 00:03:13,910
เราจะได้เห็นข้อมูลเดียวกัน
ที่เราทำในครั้งแรกหนึ่ง

56
00:03:13,910 --> 00:03:16,710
ที่คุณสามารถดูผมไม่ได้เข้าสู่ที่นี่

57
00:03:16,710 --> 00:03:20,000
และเมื่อตรวจสอบข้อมูลของผู้ชม
การปรับปรุงในเบราว์เซอร์

58
00:03:20,000 --> 00:03:20,910
พร้อมกัน

59
00:03:20,910 --> 00:03:23,740
นี้เป็นหนึ่งในจริงๆ
คุณสมบัติเย็นเกี่ยวกับดาวตก

60
00:03:23,740 --> 00:03:27,700
ด้วยการทำงานเกือบจะไม่มีคุณ
มีการตรวจสอบการปรับปรุงสด

61
00:03:27,700 --> 00:03:31,240
ว่าการเปลี่ยนแปลงในทุก
อุปกรณ์ของคุณในครั้งเดียว

62
00:03:31,240 --> 00:03:36,690
>> ถ้าฉันจะตรวจสอบกล่องกาเครื่องหมายที่นี่
ในการทำรายการของเราจะมี

63
00:03:36,690 --> 00:03:41,230
อื่น ๆ ของฉันในเบราว์เซอร์ Chrome,
รายการตรวจสอบออก

64
00:03:41,230 --> 00:03:42,605
และสิ่งนี้จะเกิดขึ้นทันที

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

66
00:03:46,340 --> 00:03:47,280
สิทธิ์ทั้งหมด

67
00:03:47,280 --> 00:03:52,730
ดังนั้นดูเหมือนว่าดาวตก
ติดตั้งพร้อมแล้ว

68
00:03:52,730 --> 00:03:57,000
ดังนั้นตอนนี้ขอกลับไปที่
การตรวจสอบทั้งหมดและเรียกใช้ในประเทศนี้

69
00:03:57,000 --> 00:04:01,599
>> ถ้าคุณมีโครงการดาวตกคุณสามารถ
เพียงแค่เรียกใช้คำสั่งที่มีดาวตก

70
00:04:01,599 --> 00:04:03,640
เมื่อคุณทำเช่นนี้ดาวตก
จะทำเตรียมการบางอย่าง

71
00:04:03,640 --> 00:04:06,120
เพื่อให้แน่ใจว่าทั้งหมดของ
รหัสของคุณในการตรวจสอบ

72
00:04:06,120 --> 00:04:12,440
แล้วมันจะบอกคุณว่า
โครงการมีความพร้อมที่จะให้บริการ

73
00:04:12,440 --> 00:04:17,750
คุณอาจต้องให้คุณ
ไฟร์วอลล์ถ้าบล็อกคอมพิวเตอร์ของคุณคุณ

74
00:04:17,750 --> 00:04:22,440
>> ดังนั้นสิ่งที่ดาวตกจะบอกฉัน
ในขณะนี้ก็คือว่าที่เว็บไซต์นี้

75
00:04:22,440 --> 00:04:26,100
ท้องถิ่นไปยังคอมพิวเตอร์ของฉันฉันสามารถดู
สิ่งที่โครงการดาวตกนี้

76
00:04:26,100 --> 00:04:29,290
โปรดทราบว่าตอนนี้แอพพลิเคของฉันคือ
ไม่สามารถเข้าถึงอินเทอร์เน็ต

77
00:04:29,290 --> 00:04:35,170
เราจะครอบคลุมถึงวิธีที่จะนำดาวตกของคุณ
การตรวจสอบไปยังเว็บไซต์สดบิตในภายหลัง

78
00:04:35,170 --> 00:04:40,510
ดังนั้นฉันแค่ไปที่จะคัดลอกนี้
URL นี้และไปลงใน Google Chrome

79
00:04:40,510 --> 00:04:42,600
>> และนี่คือที่จะทำ
รายการจากตัวอย่าง

80
00:04:42,600 --> 00:04:46,080
คุณสามารถดูพวกเขาดำเนินการ
คุณสมบัติอื่น ๆ อีกไม่กี่ที่นี่

81
00:04:46,080 --> 00:04:49,210
เรามีแท็บที่แตกต่างกันเรา
มีคุณสมบัติที่บัญชีเดียวกัน

82
00:04:49,210 --> 00:04:52,141
และเราสามารถเพิ่มรายการใหม่

83
00:04:52,141 --> 00:04:54,140
ตอนนี้หนึ่งในจริงๆ
คุณสมบัติเย็นเกี่ยวกับดาวตก

84
00:04:54,140 --> 00:04:57,450
คือการที่ไม่เพียง แต่สามารถนี้
ทำงานบนเว็บเบราเซอร์ของคุณ

85
00:04:57,450 --> 00:05:00,030
แต่คุณยังสามารถสร้าง
iPhone พื้นเมืองและ Android

86
00:05:00,030 --> 00:05:02,990
ปพลิเคชันผ่านเครื่องมือที่เรียกว่า PhoneGap

87
00:05:02,990 --> 00:05:06,740
>> ดังนั้นบางโครงการจะมา
การกำหนดค่าล่วงหน้าสำหรับการทำงาน

88
00:05:06,740 --> 00:05:08,700
บน iOS เช่นการตรวจสอบทั้งหมดนี้

89
00:05:08,700 --> 00:05:14,780
ดังนั้นสิ่งที่ฉันต้องทำเพื่อทำงานใน iOS
เป็นพิมพ์ดาวตกวิ่งแล้ว iOS

90
00:05:14,780 --> 00:05:17,540
และเมื่อผมทำอย่างนั้นดาวตก
จะจัดเตรียมแพคเกจอีกครั้ง

91
00:05:17,540 --> 00:05:21,670
และแล้วเมื่อมีความพร้อมก็จะ
โหลดจำลอง iOS ของคุณเกี่ยวกับคำสั่งของฉัน

92
00:05:21,670 --> 00:05:24,745
หมายเหตุ: คุณสามารถเรียกใช้แอพพลิเค iOS
ถ้าคุณมีคอมพิวเตอร์ Mac

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

94
00:05:27,650 --> 00:05:30,730
คุณสามารถเรียกใช้แอพพลิเคของคุณบน
Android บนแพลตฟอร์มทั้งหมด

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

96
00:05:34,070 --> 00:05:38,290
>> ดังนั้นตอนนี้คุณจะเห็นว่า iPhone ของฉัน
จำลองขึ้นมาบนหน้าจอของฉัน

97
00:05:38,290 --> 00:05:40,370
และในเพียงชั่วครู่หนึ่ง
มันจะโหลดกับ app

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

99
00:05:46,070 --> 00:05:48,490
ถ้าเราทำให้มันเป็นเพียงเล็กน้อย
มีขนาดเล็กลงเพื่อให้พอดีกับหน้าจอ

100
00:05:48,490 --> 00:05:50,780
เราเห็นเรามี app iPhone ของเรา

101
00:05:50,780 --> 00:05:53,220
และเพียงเพื่อให้เราไม่ได้
ได้รับสับสนขอให้

102
00:05:53,220 --> 00:05:59,790
แน่ใจว่าเราอยู่ในเดียวกัน
เว็บไซต์โฮสต์ท้องถิ่น 3000

103
00:05:59,790 --> 00:06:03,490
>> ดังนั้นที่นี่เป็นตัวอย่าง
ของ app ดาวตกฉันมี

104
00:06:03,490 --> 00:06:08,770
การตรวจสอบทั้งหมดของการทำงานทั้งใน
โทรศัพท์มือถือและบนเว็บเบราเซอร์

105
00:06:08,770 --> 00:06:10,770
และเมื่อฉันเปลี่ยนสิ่งที่
ในเว็บเบราเซอร์

106
00:06:10,770 --> 00:06:12,675
ทันทีไปยังโทรศัพท์

107
00:06:12,675 --> 00:06:16,500
และผมสามารถลบบางสิ่งบางอย่างในโทรศัพท์
และการเปลี่ยนแปลงในเว็บเบราเซอร์

108
00:06:16,500 --> 00:06:21,050
>> ตามปกติแล้วการสร้างพื้นเมือง
app โทรศัพท์สำหรับ iOS หรือ Android,

109
00:06:21,050 --> 00:06:26,090
คุณจำเป็นต้องรู้ทั้ง Java หรือ
วัตถุประสงค์ C. ใช้ดาวตกเทคโนโลยี

110
00:06:26,090 --> 00:06:29,240
เพื่อให้ JavaScript เพื่อให้ทำงานเป็น
app ของคุณเรียกว่า PhoneGap

111
00:06:29,240 --> 00:06:31,320
สิ่งที่ app ของคุณเป็นหลัก
คือเป็นเว็บเบราเซอร์

112
00:06:31,320 --> 00:06:34,500
และจัดการดาวตกทั้งหมด
ในส่วนที่เกี่ยวข้องกับการหากิน

113
00:06:34,500 --> 00:06:39,820
เพื่อนำเว็บเบราเซอร์ที่
iPhone หรืออุปกรณ์ Android ของคุณ

114
00:06:39,820 --> 00:06:42,210
คุณจะเห็นว่า
อินเตอร์เฟซผู้ใช้ที่เรียบ

115
00:06:42,210 --> 00:06:45,290
และมันก็ดูและรู้สึกมาก
เหมือน app พื้นเมือง

116
00:06:45,290 --> 00:06:48,620
ขอให้สังเกตว่าถ้าผมไปที่บ้าน
หน้าจอตอนนี้ผมยังได้รับไอคอน

117
00:06:48,620 --> 00:06:50,880
นี้ไม่ได้เป็นเว็บไซต์เช่น
คุณต้องการหาใน Safari

118
00:06:50,880 --> 00:06:51,860
นี้เป็น app ของตัวเอง

119
00:06:51,860 --> 00:06:54,130
คุณสามารถติดตั้งและ
ลบมันถ้าคุณต้องการ

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

121
00:06:59,500 --> 00:07:04,436
>> เราสั้นสามารถแสดงสิ่งที่รหัส
สำหรับการตรวจสอบชนิดของทั้งหมดนี้ดูเหมือนว่า

122
00:07:04,436 --> 00:07:08,260
ถ้าคุณดูในโฟลเดอร์ทั้งหมด,
คุณจะเห็นว่ามีโฟลเดอร์จำนวนมาก

123
00:07:08,260 --> 00:07:11,440
แต่ในช่วงเวลา
การสัมมนาเราจะ

124
00:07:11,440 --> 00:07:14,780
เข้าใจในสิ่งที่แต่ละโฟลเดอร์ที่ใช้สำหรับ

125
00:07:14,780 --> 00:07:17,830
Let 's go เข้ากับขั้วเพื่อให้เรา
สามารถดูไฟล์ที่ดีขึ้นเล็กน้อย

126
00:07:17,830 --> 00:07:20,410
>> ผมกำลังจะไปกดการควบคุม
C เพื่อหยุดเซิร์ฟเวอร์

127
00:07:20,410 --> 00:07:22,770
และตอนนี้ผมกลับมาอยู่ในการตรวจสอบทั้งหมด

128
00:07:22,770 --> 00:07:26,660
ฉันมีโฟลเดอร์ที่แตกต่างกันที่นี่เช่น
โฟลเดอร์ลูกค้าโฟลเดอร์เซิร์ฟเวอร์

129
00:07:26,660 --> 00:07:30,500
และโฟลเดอร์เหล่านี้ก็หมายความว่า
ทุกอย่างในโฟลเดอร์ลูกค้า

130
00:07:30,500 --> 00:07:32,630
ได้รับการดำเนินการบนเว็บเบราว์เซอร์ของคุณ

131
00:07:32,630 --> 00:07:35,530
ทุกอย่างในโฟลเดอร์เซิร์ฟเวอร์
ได้รับการดำเนินการบนเซิร์ฟเวอร์

132
00:07:35,530 --> 00:07:38,100
>> สิ่งที่ฉันต้องการที่จะชี้
ออกมาเป็นว่าสิ่งที่เรามี

133
00:07:38,100 --> 00:07:42,140
เมื่อเรามีการทำงานโทรศัพท์ของเราและ
เว็บเบราเซอร์ของเราเหล่านี้เป็นลูกค้า

134
00:07:42,140 --> 00:07:45,730
แต่สิ่งที่ทำงานใน
ขั้วที่เซิร์ฟเวอร์

135
00:07:45,730 --> 00:07:48,710
เรามีโฟลเดอร์อื่น ๆ เช่น
lib ซึ่งเป็นรหัสห้องสมุด

136
00:07:48,710 --> 00:07:51,050
เช่นเดียวกับผู้ช่วยของคุณ
ฟังก์ชั่นที่คุณสามารถ

137
00:07:51,050 --> 00:07:53,710
ใช้ทั้งไคลเอ็นต์และเซิร์ฟเวอร์

138
00:07:53,710 --> 00:07:55,820
แล้วคุณจะมีประชาชน
โฟลเดอร์และทรัพยากร

139
00:07:55,820 --> 00:07:59,310
โฟลเดอร์ที่จำเป็นสำหรับการเดินทาง
ภาพและ CSS อื่น ๆ ของคุณโหลด

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

141
00:08:02,630 --> 00:08:09,360
>> ถ้าคุณได้ติดตั้งดาวตกเราจะ
ยังคงมีการสอนสำหรับดาวตก

142
00:08:09,360 --> 00:08:12,790
คุณสามารถไปที่ URL นี้,
meteor.com/install,

143
00:08:12,790 --> 00:08:17,990
ที่จะได้รับบรรทัดคำสั่งที่ฉัน
แสดงให้เห็นว่าคุณที่ติดตั้งดาวตก

144
00:08:17,990 --> 00:08:20,240
เราจะผ่านไปเป็นครั้งแรก
ไม่กี่ขั้นตอนที่จะได้รับดีกว่า

145
00:08:20,240 --> 00:08:22,760
รู้สึกเกี่ยวกับวิธีการติดตั้งดาวตก

146
00:08:22,760 --> 00:08:28,000
>> แต่ก่อนอื่นผมคิดว่ามันเป็นสิ่งสำคัญที่
เราตรวจสอบนิด ๆ หน่อย ๆ ของ JavaScript

147
00:08:28,000 --> 00:08:32,360
แสดงตัวอย่างบางส่วนของวิธีการ
ความรู้ C ของเราสามารถได้รับการแปล

148
00:08:32,360 --> 00:08:34,950
เพื่อ JavaScript, ฉันได้
สร้างตัวอย่าง

149
00:08:34,950 --> 00:08:36,940
พวกเขาอยู่ในไดเรกทอรี JS

150
00:08:36,940 --> 00:08:41,750
ดังนั้นหากในการสัมมนาโฟลเดอร์ที่คุณ
ดูมีโฟลเดอร์ที่เรียกว่า JS

151
00:08:41,750 --> 00:08:44,540
และในที่นี่เรามีตัวอย่างไม่กี่

152
00:08:44,540 --> 00:08:50,120
>> ลองเปิดขึ้นเป็นครั้งแรก
และดูตัวอย่างได้อย่างรวดเร็ว

153
00:08:50,120 --> 00:08:53,980
สิ่งที่เราเห็นเป็นมาตรฐานของคุณ
สวัสดีคำสั่งโลก

154
00:08:53,980 --> 00:08:56,520
คุณสังเกตเห็นใน C ที่คุณ
มีค่อนข้างไม่กี่บรรทัด

155
00:08:56,520 --> 00:09:00,490
และเป็นนักเรียน CS50 รู้
เราต้องมีฟังก์ชั่นหลัก

156
00:09:00,490 --> 00:09:05,730
และเราจะต้องรวมถึงมาตรฐาน
ไลบรารี I / O เพื่อเรียก printf

157
00:09:05,730 --> 00:09:09,320
>> ลองดูที่วิธีการใช้งาน JavaScript เปรียบเทียบ

158
00:09:09,320 --> 00:09:11,560
ฉันจะเปิด ex1.js.

159
00:09:11,560 --> 00:09:14,650
ออกความเห็นเป็นสิ่งที่
รหัส C จะมีลักษณะเหมือน

160
00:09:14,650 --> 00:09:17,550
และสายการดังต่อไปนี้คือสิ่งที่
คุณจำเป็นต้องใช้ในโหนด

161
00:09:17,550 --> 00:09:20,452
คุณไม่จำเป็นต้องฟังก์ชั่นหลักของคุณ
ไม่จำเป็นต้องรวมไฟล์ใด ๆ

162
00:09:20,452 --> 00:09:21,660
และคุณไม่จำเป็นต้องกลับ

163
00:09:21,660 --> 00:09:23,810
คุณเพียงแค่เรียก console.log

164
00:09:23,810 --> 00:09:26,370
นี่คือเทียบเท่า printf ของคุณ

165
00:09:26,370 --> 00:09:29,310
>> และจะใช้เวลาเดียวกัน
ข้อโต้แย้ง printf จะ

166
00:09:29,310 --> 00:09:33,870
และเพื่อที่จะเรียกใช้
แทนที่จะวิ่งทำให้ EX1,

167
00:09:33,870 --> 00:09:38,930
คุณก็จะเรียก ex1.js. โหนด

168
00:09:38,930 --> 00:09:41,830
คุณเขียนโหนดแล้ว
แฟ้มและจะได้รับการเรียกใช้

169
00:09:41,830 --> 00:09:43,580
มันไม่ได้รับการรวบรวม

170
00:09:43,580 --> 00:09:45,970
JavaScript เป็นภาษาตีความ

171
00:09:45,970 --> 00:09:49,150
ดังนั้นจึงไม่จำเป็นที่จะต้อง
รวบรวมก่อนที่จะเรียกใช้

172
00:09:49,150 --> 00:09:53,450
ถ้าผมต้องการที่จะทำงาน ex1.c,
ฉันมีที่จะให้มันเป็นครั้งแรก

173
00:09:53,450 --> 00:09:59,160
แล้วฉันสามารถเรียกใช้ปฏิบัติการ
เพื่อให้ได้ผลผลิตเดียวกัน

174
00:09:59,160 --> 00:10:02,460
>> ขออย่างรวดเร็วครอบคลุมบางส่วน
แนวคิด JavaScript อื่น ๆ

175
00:10:02,460 --> 00:10:04,490
ลองดูที่ตัวอย่างที่สอง

176
00:10:04,490 --> 00:10:14,690
ใน ex2.js ใน ex2.c เราสามารถ
เห็นว่าเรามีโค้ดบางส่วน

177
00:10:14,690 --> 00:10:16,550
ให้ฉันได้อย่างรวดเร็วไปที่
แก้ไขข้อความที่ดีขึ้น

178
00:10:16,550 --> 00:10:18,400
ที่จะแสดงเหล่านี้
สายใหม่ดีขึ้นเล็กน้อย

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

180
00:10:21,760 --> 00:10:22,380
สิทธิ์ทั้งหมด

181
00:10:22,380 --> 00:10:24,190
ที่นี่เรามีตัวอย่าง 2.c.

182
00:10:24,190 --> 00:10:27,360
ที่นี่เรามีประเภทที่แตกต่างกัน
ที่เรากำลังพิมพ์ออก

183
00:10:27,360 --> 00:10:30,880
และที่เรารู้ว่าจะใช้เวลา printf
ข้อโต้แย้งที่ร้อยละที่แตกต่างกัน

184
00:10:30,880 --> 00:10:34,050
ในการเข้าถึงชิ้นส่วนที่แตกต่างกันของข้อมูล

185
00:10:34,050 --> 00:10:36,840
ถ้าเราต้องการที่จะพิมพ์
สตริงที่เราเรียกว่า% s

186
00:10:36,840 --> 00:10:40,390
ถ้าเราต้องการที่จะเรียกลอย
จำนวนจุดเราเรียกว่า f%

187
00:10:40,390 --> 00:10:45,810
และไม่มีวิธีที่ง่ายที่จะเรียก
บูลีนด้วยค่าจริงหรือเท็จของ

188
00:10:45,810 --> 00:10:50,760
แต่ถ้าคุณใช้% d, คุณจะได้รับ
0 หรือ 1 สำหรับเท็จและเป็นความจริง

189
00:10:50,760 --> 00:10:53,270
>> JavaScript เป็นบิตดีกว่าสำหรับเรา

190
00:10:53,270 --> 00:10:57,740
ใน JavaScript ให้ดูที่ไม่กี่
ความแตกต่างที่เรามีในไฟล์นี้

191
00:10:57,740 --> 00:11:05,790
ครั้งแรกที่คุณสังเกตเห็นว่าใน C เราจะต้อง
เริ่มต้นตัวแปรทุกชนิด

192
00:11:05,790 --> 00:11:06,940
S เป็นดาวถ่าน

193
00:11:06,940 --> 00:11:08,930
มันเป็นสตริงและมัน
ไม่สามารถใด ๆ ชนิดอื่น ๆ

194
00:11:08,930 --> 00:11:10,450
N คือลอย

195
00:11:10,450 --> 00:11:11,780
B เป็น Bool

196
00:11:11,780 --> 00:11:14,220
>> แต่ใน JavaScript,
มีหลายประเภทแบบไดนามิก

197
00:11:14,220 --> 00:11:16,400
นั่นหมายความว่าคุณทำไม่ได้
ต้องบอก JavaScript

198
00:11:16,400 --> 00:11:17,860
สิ่งที่ประเภทตัวแปรของคุณจะ

199
00:11:17,860 --> 00:11:22,730
คุณเพียงแค่บอกว่า var ตัวแปรชื่อ
ของตัวแปรแล้วค่าของมัน

200
00:11:22,730 --> 00:11:24,690
ดังนั้น var สามารถเป็นอะไรก็ได้จริงๆ

201
00:11:24,690 --> 00:11:25,640
มันอาจจะเป็นสตริง

202
00:11:25,640 --> 00:11:27,300
มันอาจจะเป็นจำนวนจุดลอย

203
00:11:27,300 --> 00:11:28,560
มันอาจจะเป็นตัวละคร

204
00:11:28,560 --> 00:11:31,250
มันอาจจะเป็นบูลีน

205
00:11:31,250 --> 00:11:34,380
และเข้าสู่ระบบคอนโซลทำงานบิตที่แตกต่างกัน

206
00:11:34,380 --> 00:11:37,340
ถ้าคุณต้องการพิมพ์
หมายเลขที่คุณเรียก% d

207
00:11:37,340 --> 00:11:41,740
แต่ค่ามากที่สุดสามารถ
พิมพ์เป็นสตริงเพียงแค่ปรับ

208
00:11:41,740 --> 00:11:46,220
>> ลองทำงานนี้ในโหนด
เพื่อดูสิ่งที่จะเกิดขึ้น

209
00:11:46,220 --> 00:11:51,880
ฉันสามารถเรียก ex2.js โหนด,
และเราได้รับ printf

210
00:11:51,880 --> 00:11:56,870
กับ CS50 ค่า N รวม
จำนวนจุดลอยตัว

211
00:11:56,870 --> 00:12:00,620
แล้ว B เป็นบูลีน
แปลงเป็นสตริงที่แท้จริง

212
00:12:00,620 --> 00:12:03,830
สิ่งที่เกี่ยวกับถ้าเราทำเช่น 2.c?

213
00:12:03,830 --> 00:12:09,630
ดีที่เรายังคงมีบางส่วน
annoyances มากขึ้นด้วย printf

214
00:12:09,630 --> 00:12:13,110
ขอให้สังเกตว่าจุดลอย
จำนวนจะต้องมีการจัดรูปแบบได้อย่างถูกต้อง

215
00:12:13,110 --> 00:12:18,120
และที่บูลีนไม่สามารถเพียงแค่
จะแสดงเป็นจริงหรือเท็จ

216
00:12:18,120 --> 00:12:18,620
สิทธิ์ทั้งหมด

217
00:12:18,620 --> 00:12:22,680
ตอนนี้ขอดูตัวอย่างสาม

218
00:12:22,680 --> 00:12:26,470
ในตัวอย่างสามเรามีการแสดง
วิธีการที่คุณจะใช้สำหรับวง

219
00:12:26,470 --> 00:12:27,630
ในความเป็นจริงมันเป็นเรื่องง่ายมาก

220
00:12:27,630 --> 00:12:31,430
หนึ่งในสิ่งที่ดีเกี่ยวกับ
JavaScript เป็นว่ามัน C ตาม

221
00:12:31,430 --> 00:12:33,920
นั่นหมายความว่าจำนวนมากของคุณ
รหัสจะมีลักษณะที่คล้ายกันมาก

222
00:12:33,920 --> 00:12:36,490
และความรู้สึกเป็นอย่างมากเช่นเดียวกัน

223
00:12:36,490 --> 00:12:39,220
ในการห่วงมีเพียงสิ่งเดียว
ที่มีการเปลี่ยนแปลงจริงๆที่นี่

224
00:12:39,220 --> 00:12:41,840
เป็นแทนฉัน int เรามี var ฉัน

225
00:12:41,840 --> 00:12:45,470
เรายังสามารถกำหนดค่า
ศูนย์ตรวจสอบว่ามันเป็นน้อยกว่าห้า

226
00:12:45,470 --> 00:12:49,390
และเพิ่มขึ้นได้โดยการอย่างใดอย่างหนึ่ง
กับผู้ประกอบการ ++

227
00:12:49,390 --> 00:12:56,286
เราเรียก console.log บน i และว่า
เราจะพิมพ์ตัวเลขกับแต่ละบรรทัด

228
00:12:56,286 --> 00:12:58,410
ลองใช้มันได้อย่างรวดเร็วจริงๆ
เพื่อดูว่ามันจะออกผลลัพธ์

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

230
00:13:02,320 --> 00:13:03,880
เราได้รับหมายเลขใหม่ในแต่ละบรรทัด

231
00:13:03,880 --> 00:13:06,920
อีกสิ่งหนึ่งที่ผมอยากให้คุณ
จะแจ้งให้ทราบด้วย console.log

232
00:13:06,920 --> 00:13:09,960
เป็นคุณไม่ได้มีการเขียน
n ทับขวาสำหรับบรรทัดใหม่

233
00:13:09,960 --> 00:13:12,480
console.log จะพิมพ์
ทุกอย่างที่อยู่บนเส้นของตัวเอง

234
00:13:12,480 --> 00:13:14,585
นั่นเป็นคุณลักษณะที่ดี
ที่จะช่วยให้เราใช้งาน JavaScript

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

236
00:13:18,440 --> 00:13:22,600
>> ตอนนี้ขอเปิดตัวอย่างสี่

237
00:13:22,600 --> 00:13:28,710
ในตัวอย่างที่สี่เป็นครั้งแรกในซี
เราเรียกฟังก์ชั่นไม่กี่

238
00:13:28,710 --> 00:13:33,290
ขอให้สังเกตว่าเรามีการประกาศ
ฟังก์ชั่นก่อนที่เราจะใช้พวกเขาในหลัก

239
00:13:33,290 --> 00:13:37,250
ถ้าเรามีหลักแรกและ
แล้วเพิ่มสูงนั้นทำให้

240
00:13:37,250 --> 00:13:39,540
เสียงดังกราวหรือ GCC จะ
ให้เราผิดพลาดว่า

241
00:13:39,540 --> 00:13:41,060
ว่ามันไม่ได้รู้ว่าสิ่งที่อยู่ในระดับสูง

242
00:13:41,060 --> 00:13:42,780
มันไม่ได้รู้ว่าสิ่งที่เพิ่มคือ

243
00:13:42,780 --> 00:13:46,480
ดังนั้นใน C คุณจะต้องจู้จี้จุกจิกเกี่ยวกับ
ลำดับที่คุณเรียกฟังก์ชั่นของคุณ

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

245
00:13:49,220 --> 00:13:51,310
>> ลองดูที่วิธีที่คุณสามารถ
ทำเช่นนี้ใน JavaScript

246
00:13:51,310 --> 00:13:56,060
เรามีไฟล์ที่แตกต่างกันเพราะมี
มีวิธีการที่แตกต่างกันไม่กี่คนที่ทำเช่นนี้

247
00:13:56,060 --> 00:13:58,950
วิธีการหนึ่งที่สวยมาก
แปลตรง

248
00:13:58,950 --> 00:14:02,180
เพราะฟังก์ชั่นใน C
กลับชนิดและ JavaScript

249
00:14:02,180 --> 00:14:05,210
ไม่ทราบจริงๆหรือการดูแล
เกี่ยวกับสิ่งที่คุณพิมพ์กลับ

250
00:14:05,210 --> 00:14:06,300
คุณไม่ได้เขียนชนิด

251
00:14:06,300 --> 00:14:08,100
แต่คุณเพียงแค่ต้อง
การเขียนฟังก์ชั่น

252
00:14:08,100 --> 00:14:11,180
และทุกอย่างสวย
มากเช่นเดียวกับก่อนที่จะ

253
00:14:11,180 --> 00:14:14,630
>> เมื่อคุณมีตัวแปรเช่นใน
เพิ่มเราก็ต้องเขียน x และ y

254
00:14:14,630 --> 00:14:16,060
เราไม่จำเป็นต้องที่จะบอกว่า x เป็น int

255
00:14:16,060 --> 00:14:18,940
เราไม่จำเป็นต้องพูดและเป็น int

256
00:14:18,940 --> 00:14:21,030
เรากลับมาพร้อมกับไวยากรณ์ที่เหมือนกัน

257
00:14:21,030 --> 00:14:24,230
สำหรับสูงเราขอประกาศด้วย
ฟังก์ชั่นแทนที่จะเป็นโมฆะ

258
00:14:24,230 --> 00:14:26,110
ขอให้สังเกตว่าไม่ว่าจะเป็น
มันเป็นโมฆะหรือไม่โมฆะ

259
00:14:26,110 --> 00:14:28,380
ก็ยังคงทุกฟังก์ชั่นเดียวกัน

260
00:14:28,380 --> 00:14:32,440
และเราก็ไม่ได้ใส่
อะไรในวงเล็บ

261
00:14:32,440 --> 00:14:34,690
และมันก็ดูมากเช่นรหัส C

262
00:14:34,690 --> 00:14:37,460
และด้านล่างเราสามารถเรียกมันว่าด้านล่าง

263
00:14:37,460 --> 00:14:42,730
>> ถ้าเราดูตัวอย่าง 4b เราแจ้งให้ทราบล่วงหน้า
ที่ฉันได้เปลี่ยนบางสิ่ง

264
00:14:42,730 --> 00:14:45,340
สิ่งเดียวที่ฉันได้เปลี่ยน
จริงๆก็คือการสั่งซื้อสินค้า

265
00:14:45,340 --> 00:14:47,340
เรามีเหมือนกัน
ฟังก์ชั่น แต่ตอนนี้พวกเขากำลัง

266
00:14:47,340 --> 00:14:52,200
ประกาศหลังจากที่พวกเขากำลังที่ใช้ในการ
console.log และสูงบนสาย 18, 19

267
00:14:52,200 --> 00:14:54,740
ถ้าคุณทำอย่างนี้ใน C
ทำให้จะโยนความผิดพลาด

268
00:14:54,740 --> 00:14:56,070
นี่นี้ทำงานได้ดี

269
00:14:56,070 --> 00:15:01,935
และฉันสามารถแสดงนี้ให้กับคุณโดย
เรียกโหนดตัวอย่าง 4b

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

271
00:15:05,350 --> 00:15:10,130
>> อีกวิธีหนึ่งที่เราสามารถเรียกฟังก์ชั่น
โดยฟังก์ชั่นการบันทึกเป็นตัวแปร

272
00:15:10,130 --> 00:15:13,790
เช่นฉันกล่าวว่าตัวแปร
สามารถมีประเภทใด ๆ

273
00:15:13,790 --> 00:15:16,720
ประเภทใดประเภทหนึ่งตัวแปร
สามารถมีฟังก์ชั่น

274
00:15:16,720 --> 00:15:19,800
ดังนั้นถ้าคุณดูตัวอย่าง
4c สิ่งที่ฉันได้เปลี่ยน

275
00:15:19,800 --> 00:15:24,320
ที่นี่เป็น var เพิ่มแทนการทำงานเพิ่ม

276
00:15:24,320 --> 00:15:26,807
และตอนนี้เพิ่มเท่ากับฟังก์ชั่น

277
00:15:26,807 --> 00:15:28,140
ฟังก์ชั่นนี้ที่นี่เป็นที่ที่ไม่ระบุชื่อ

278
00:15:28,140 --> 00:15:33,346
มันไม่มีชื่อดังนั้นจึงเป็นเพียง
ฟังก์ชั่นแล้ววงเล็บ

279
00:15:33,346 --> 00:15:35,220
ไวยากรณ์หลังจากนั้น
ไม่มีการเปลี่ยนแปลง แต่คุณ

280
00:15:35,220 --> 00:15:38,300
จะต้องเก็บไว้ในใจว่า
คุณมีตัวแปรที่คุณเป็น

281
00:15:38,300 --> 00:15:42,940
ฟังก์ชั่นการจัดเก็บลงเพิ่มและ
ตัวแปรที่คุณเก็บเป็นสูง

282
00:15:42,940 --> 00:15:47,620
>> เพราะเพิ่มและสูงเป็นตัวแปรในขณะนี้
และไม่ฟังก์ชั่นการเปลี่ยนแปลงบางอย่าง

283
00:15:47,620 --> 00:15:50,190
ปัญหานี้เป็นปัญหาที่พบบ่อยที่ฉันเห็นใน
จำนวนมากที่มี JavaScripts ของผู้คน,

284
00:15:50,190 --> 00:15:52,410
และสิ่งที่จะเก็บไว้ในใจ

285
00:15:52,410 --> 00:15:54,365
เมื่อฉันทำงานนี้เรามาดูสิ่งที่เกิดขึ้น

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

287
00:15:57,410 --> 00:15:58,230
ฉันได้รับข้อผิดพลาด

288
00:15:58,230 --> 00:16:01,000
มันบอกไม่ได้กำหนดที่จุดนี้

289
00:16:01,000 --> 00:16:03,520
ดังนั้นมันบอกว่ามัน
ไม่ได้รู้ว่าสิ่งที่เพิ่มคือ

290
00:16:03,520 --> 00:16:06,010
>> เพราะตอนนี้เพิ่มไม่ได้
ฟังก์ชั่นเพิ่มเป็นตัวแปร

291
00:16:06,010 --> 00:16:10,100
และคุณยังไม่ได้ให้จริง
เพิ่มมูลค่า แต่เมื่อคุณใช้มัน

292
00:16:10,100 --> 00:16:14,460
ที่นำเราไปตัวอย่างเช่น 4d ที่ถ้า
คุณต้องการที่จะใช้ตัวแปรเป็นฟังก์ชั่น

293
00:16:14,460 --> 00:16:17,210
คุณเพียงแค่ต้องทำให้แน่ใจว่าพวกเขา
ได้รับค่าก่อนที่พวกเขากำลังใช้

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

295
00:16:20,200 --> 00:16:23,420
>> ขอย้ายไปตัวอย่างเช่นห้าแล้ว

296
00:16:23,420 --> 00:16:27,390
ที่นี่เราพูดคุยเกี่ยวกับ
structs ใน C. ใน C, structs

297
00:16:27,390 --> 00:16:30,320
มีโครงสร้างนี้คงที่ให้กับพวกเขา
เพราะคุณจะต้องประกาศให้

298
00:16:30,320 --> 00:16:33,050
ก่อนที่คุณจะใช้มันและ
คุณบอกว่าฉันมีนักเรียน

299
00:16:33,050 --> 00:16:36,645
และนักเรียนทุกคนมีตรง
หนึ่งชื่อหนึ่งปีหนึ่งเพศ

300
00:16:36,645 --> 00:16:37,770
มันจะต้องมีทั้งหมดของพวกเขา

301
00:16:37,770 --> 00:16:42,280
มันไม่สามารถมีค่าอื่น ๆ
และพวกเขาจะต้องมีความเฉพาะเจาะจงประเภท

302
00:16:42,280 --> 00:16:47,540
>> แล้วเราสามารถเริ่มต้น
struct ในไวยากรณ์นี้ดี

303
00:16:47,540 --> 00:16:49,470
เพราะมันรู้ว่าการสั่งซื้อ

304
00:16:49,470 --> 00:16:51,460
ดังนั้นจึงรู้ว่าโรเจอร์เป็นชื่อ

305
00:16:51,460 --> 00:16:54,060
มันรู้ว่า 2016 คือ
ปีและ M เป็นเพศ

306
00:16:54,060 --> 00:16:58,200
เพราะเราบอกว่ามันนี้
รายการเป็นนักศึกษา struct

307
00:16:58,200 --> 00:17:01,607
และจากนั้นคุณสามารถพิมพ์
มันเข้าถึง s.name

308
00:17:01,607 --> 00:17:03,690
ลองมาดูวิธีการที่เราจะ
แปลงที่ใช้งาน JavaScript

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

310
00:17:06,400 --> 00:17:09,790
ขอให้สังเกตว่า s อยู่ในขณะนี้
ตัวแปรและมีชนิดไม่มี

311
00:17:09,790 --> 00:17:10,920
มันเป็นเพียง var อีกครั้ง

312
00:17:10,920 --> 00:17:14,480
เพราะมันไม่สำคัญว่าถ้า
ประเภทของตัวแปรนี้เป็นตัวชี้,

313
00:17:14,480 --> 00:17:17,440
มันเป็น struct หรือสิ่งอื่น

314
00:17:17,440 --> 00:17:19,650
เรามีไวยากรณ์แตกต่างกันเล็กน้อย

315
00:17:19,650 --> 00:17:21,890
ไวยากรณ์นี้เป็นไวยากรณ์วัตถุ

316
00:17:21,890 --> 00:17:24,400
>> คุณอาจจะได้เห็นมันใน JSON

317
00:17:24,400 --> 00:17:27,780
JSON จริงย่อมาจาก
JavaScript Object สัญลักษณ์

318
00:17:27,780 --> 00:17:31,240
นี่คือวิธีที่คุณกำหนด
วัตถุใน JavaScript

319
00:17:31,240 --> 00:17:34,500
เรามีความสำคัญซึ่งเป็น
ค่าเช่นชื่อ

320
00:17:34,500 --> 00:17:37,680
และเราจะให้มันอยู่กับค่า
ด้านอื่น ๆ ของลำไส้ใหญ่

321
00:17:37,680 --> 00:17:41,850
และสิ่งหนึ่งที่จะเก็บไว้ในใจก็คือค​​ุณ
ไม่จำเป็นต้องมีชื่อและปี

322
00:17:41,850 --> 00:17:42,980
และเพศสำหรับวัตถุ

323
00:17:42,980 --> 00:17:44,570
วัตถุที่สามารถมีค่าไม่มี

324
00:17:44,570 --> 00:17:46,920
มันสามารถมีได้มากเท่าที่คุณต้องการ

325
00:17:46,920 --> 00:17:50,375
>> เราสามารถใช้วัตถุเหล่านี้ในเวลาเพียง
แบบเดียวกับที่เราจะใช้ struct, s.name

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

327
00:17:53,810 --> 00:17:57,080
เราสามารถทำงานได้อย่างรวดเร็วจริงๆ
โดยการทำเช่นโหนด 5.c.

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

329
00:18:00,320 --> 00:18:02,520
เราไม่สามารถทำงานจริงไฟล์ C ในโหนด

330
00:18:02,520 --> 00:18:03,654
มันไม่ได้รู้ว่าสิ่งที่ซีเป็น

331
00:18:03,654 --> 00:18:04,695
มันรู้ JavaScript

332
00:18:04,695 --> 00:18:09,865
เมื่อเราทำงาน ex5.js ที่เราได้รับ
ค่าซึ่งเราคาดว่า

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

334
00:18:13,490 --> 00:18:15,980
>> ขอย้ายไปตัวอย่างเช่นหก

335
00:18:15,980 --> 00:18:18,930
นี่ฉันเพียงแค่ต้องการที่จะพูดคุยเล็ก ๆ น้อย ๆ
อีกเล็กน้อยเกี่ยวกับอาร์เรย์ JavaScript

336
00:18:18,930 --> 00:18:20,930
เพราะพวกเขากำลังบิต
ที่แตกต่างจากสิ่งที่คุณกำลัง

337
00:18:20,930 --> 00:18:26,940
ที่ใช้ในการใน C. อาร์เรย์จะ notated,
ไม่ได้อยู่กับวงเล็บเช่นใน C,

338
00:18:26,940 --> 00:18:28,640
ด้วยวงเล็บปีกกา แต่วงเล็บ

339
00:18:28,640 --> 00:18:32,150
คุณสามารถมีอาร์เรย์ที่ว่างเปล่า
เช่น ARR ในสายสี่

340
00:18:32,150 --> 00:18:34,680
คุณสามารถมีอาร์เรย์
ที่มีค่าหลายค่า

341
00:18:34,680 --> 00:18:39,790
และคุณเข้าถึงพวกเขา
เพียงแค่วิธีการเดียวกันใน C.

342
00:18:39,790 --> 00:18:42,990
>> ขึ้นกับสายเจ็ดทุกอย่าง
ดูเหมือนว่าตรงไปตรงสวย

343
00:18:42,990 --> 00:18:45,390
หนึ่งความแตกต่างเล็ก ๆ น้อย ๆ อยู่ที่นี่ที่เส้น 10

344
00:18:45,390 --> 00:18:48,620
วิธีที่คุณจะได้รับความยาวของ
อาร์เรย์เป็นเพียงโดยการเรียก .length

345
00:18:48,620 --> 00:18:50,620
อาร์เรย์สามารถจริงจะ
ได้รับการปฏิบัติเช่นเดียวกับวัตถุ

346
00:18:50,620 --> 00:18:54,960
และวัตถุนี้มีคุณสมบัติที่มีความยาว
ที่คุณจะได้รับการเรียกความยาวของมัน

347
00:18:54,960 --> 00:18:57,350
ขอให้สังเกตว่านี้จะแตกต่าง
ใน C เพราะใน C คุณ

348
00:18:57,350 --> 00:19:01,600
ต้องทราบความยาวของ
วัตถุของคุณก่อนเวลา

349
00:19:01,600 --> 00:19:04,700
>> ดังนั้นอีกสิ่งที่ดีเกี่ยวกับอาร์เรย์
คือที่คุณสามารถมีชนิดที่แตกต่างกัน

350
00:19:04,700 --> 00:19:07,470
หากคุณมีอาร์เรย์ใน C มี
มีอาร์เรย์ของค่าที่เฉพาะเจาะจง

351
00:19:07,470 --> 00:19:11,900
ทั้งตัวชี้ struct
หรือลอยหรือ [ไม่ได้ยิน]

352
00:19:11,900 --> 00:19:13,700
ที่นี่คุณสามารถมีค่าที่แตกต่างกัน

353
00:19:13,700 --> 00:19:17,560
ครั้งแรกที่ผมได้มีจำนวนจุดลอยตัว
แล้วแบบบูลแล้วจำนวนเต็มอื่น

354
00:19:17,560 --> 00:19:19,670
และอันที่จริงพวกเขาสามารถเปลี่ยนประเภทเกินไป

355
00:19:19,670 --> 00:19:21,220
ดูที่เส้น 16

356
00:19:21,220 --> 00:19:26,760
อาร์เรย์สองมีการเปลี่ยนแปลงจากการเป็น
ตัวเลขจำนวนเต็มสตริง

357
00:19:26,760 --> 00:19:30,920
>> อีกสิ่งที่ดีเกี่ยวกับอาร์เรย์อยู่ที่นี่
บรรทัดที่ 19 พวกเขามีขนาดที่ไม่มีที่สิ้นสุด

358
00:19:30,920 --> 00:19:35,900
คุณก็สามารถบอกว่าผมต้องการร้อย
องค์ประกอบที่จะเป็นสตริง Legit

359
00:19:35,900 --> 00:19:38,510
และนี้ไม่ได้ดูเหมือนจะทำให้
รู้สึกเพราะอาร์เรย์เท่านั้น

360
00:19:38,510 --> 00:19:41,080
มีพื้นที่สำหรับสามองค์ประกอบ
ดังนั้นท้ายที่สุดควรจะมีสอง

361
00:19:41,080 --> 00:19:44,800
แต่เมื่อคุณทำเช่นนี้ให้
ดูสิ่งที่จะกลายเป็นอาเรย์สาม

362
00:19:44,800 --> 00:19:47,460
เราจะทำงานนี้ได้อย่างรวดเร็ว
กับตัวอย่างโหนด six.js.

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

364
00:19:49,990 --> 00:19:52,180
เราได้รับนี้นานจริงๆ
อาร์เรย์และสิ่งที่เกิดขึ้น

365
00:19:52,180 --> 00:19:55,100
คือเรามีองค์ประกอบที่ไม่กี่ครั้งแรก
แล้วพวงของช่องว่าง

366
00:19:55,100 --> 00:19:56,580
จนกว่าเราจะได้รับสตริงของเรา

367
00:19:56,580 --> 00:19:58,580
JavaScript เติมใน
อาร์เรย์ที่มันจำเป็น

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

369
00:20:01,790 --> 00:20:05,420
>> Let 's ในที่สุดก็ไปตัวอย่างสุดท้ายของเรา

370
00:20:05,420 --> 00:20:08,180
ที่นี่เรามีรายชื่อ
ของนักเรียนที่แตกต่างกัน

371
00:20:08,180 --> 00:20:11,350
ฉันต้องการที่จะพูดคุยเล็ก ๆ น้อย ๆ
เล็กน้อยเกี่ยวกับแง่มุมที่ดีบางอย่าง

372
00:20:11,350 --> 00:20:14,240
ของสำหรับลูปใน JavaScript

373
00:20:14,240 --> 00:20:17,500
ใน C สำหรับลูปจะมีชนิดของ จำกัด

374
00:20:17,500 --> 00:20:21,490
พวกเขามีโครงสร้างถาวรที่คุณ
มีตัวแปรที่คุณมีเงื่อนไข

375
00:20:21,490 --> 00:20:23,850
แล้วคุณทำอะไร
ในตอนท้ายของวง

376
00:20:23,850 --> 00:20:27,560
และแน่นอนงานนี้ใน JavaScript,
อย่างที่เราเห็นในตัวอย่างก่อนหน้านี้

377
00:20:27,560 --> 00:20:31,030
แต่เรายังมีวิธีที่ดีกว่า
การทำเช่นนี้ใน JavaScript

378
00:20:31,030 --> 00:20:33,870
นี้เรียกว่าห่วง foreach

379
00:20:33,870 --> 00:20:36,580
>> ขออภัยขอกลับไป
ตัวอย่างเจ็ดที่นี่

380
00:20:36,580 --> 00:20:39,320
นอกจากนี้เรายังสามารถพูดได้ส่วนคือรายการ

381
00:20:39,320 --> 00:20:43,250
ดังนั้นให้ฉันทุกครั้งที่ฉันหรือ
ทุกดัชนีในรายการว่า

382
00:20:43,250 --> 00:20:46,255
จากนั้นเราจะได้รับนักเรียน
โดยเพียงแค่การเรียกร้องของฉัน

383
00:20:46,255 --> 00:20:50,690
ดังนั้นทั้งหมดของรหัสของการตั้งค่าฉัน
เท่ากับศูนย์และทำให้แน่ใจว่าฉัน

384
00:20:50,690 --> 00:20:54,420
น้อยกว่าความยาวและ
เพิ่มหนึ่งเพื่อฉันทุกครั้งที่

385
00:20:54,420 --> 00:21:00,220
การดูแลของคุณค่อนข้าง
อย่างกับห่วง foreach นี้

386
00:21:00,220 --> 00:21:02,830
>> ไม่เพียง แต่ลูป foreach
ทำงานในรายการหรืออาร์เรย์

387
00:21:02,830 --> 00:21:06,130
พวกเขายังทำงานในวัตถุ
ซึ่งยังดี

388
00:21:06,130 --> 00:21:10,240
คุณจะได้รับชื่อของ
สถานที่ให้บริการทุกโดยเพียงแค่การ

389
00:21:10,240 --> 00:21:15,030
พจนานุกรมหรือวัตถุเช่นนักเรียน
แล้วก็บอกให้ฉันทุกคีย์

390
00:21:15,030 --> 00:21:18,920
ที่สำคัญจะเป็นเหล่านี้
คุณสมบัติชื่อหรือที่บ้าน

391
00:21:18,920 --> 00:21:22,870
ดังนั้นสิ่งที่จะเกิดขึ้นที่นี่เป็นที่
เราพิมพ์ออกมาเป็นครั้งแรกชื่อแล้ว

392
00:21:22,870 --> 00:21:24,920
บ้านของนักเรียนทุกคน

393
00:21:24,920 --> 00:21:29,170
>> ฉันสามารถเรียกใช้ในโหนด
ได้อย่างรวดเร็วจริงๆแสดง

394
00:21:29,170 --> 00:21:35,510
เราได้รับครั้งแรกสไตล์ C เป็นห่วงที่
เราได้รับทุกวัตถ​​ุที่ถูกพิมพ์ออกมา

395
00:21:35,510 --> 00:21:38,910
แล้วเรามี JavaScript
สไตล์ที่คุณสามารถเพียงแค่

396
00:21:38,910 --> 00:21:41,510
พิมพ์ออกมาที่สำคัญทุก
และความคุ้มค่าเป็นรายบุคคล

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

398
00:21:45,560 --> 00:21:47,050
>> สิทธิ์ทั้งหมด

399
00:21:47,050 --> 00:21:52,850
ตอนนี้เราได้ครอบคลุม Node.js ผมคิดว่า
เราพร้อมที่จะเริ่มต้นกับดาวตก

400
00:21:52,850 --> 00:21:56,070
เช่นฉันกล่าวว่าดาวตกได้งานที่ดี
การเขียนเป็นตัวอย่างบางส่วนสำเร็จรูป

401
00:21:56,070 --> 00:22:00,600
สำหรับคุณที่คุณสามารถสำรวจผ่าน
การกวดวิชานี้หรือในโฟลเดอร์สัมมนา

402
00:22:00,600 --> 00:22:03,750
แต่ที่นี่ฉันต้องการ
เริ่มต้นจากรอยขีดข่วน

403
00:22:03,750 --> 00:22:06,810
>> ลองสร้างง่ายๆในการทำแอพลิเคชัน

404
00:22:06,810 --> 00:22:14,140
นี้เป็นชนิดของฐานของสิ่งที่จะ
แอปพลิเคฉันจะแสดงให้เห็นว่าคุณเป็นก่อนหน้านี้

405
00:22:14,140 --> 00:22:16,990
ในการกวดวิชานี้คุณ
จะเห็นว่ามี

406
00:22:16,990 --> 00:22:20,180
ดาวตกคำสั่งที่จะสร้าง
สร้างโครงการใหม่ดาวตก

407
00:22:20,180 --> 00:22:24,510
คุณจำเป็นต้องเรียกสิ่งนี้ในการสั่งซื้อ
เพื่อให้ทำงานโครงการดาวตกเพราะมัน

408
00:22:24,510 --> 00:22:27,470
จะเรียกใช้คำสั่ง
เพื่อสร้างดาวตก

409
00:22:27,470 --> 00:22:31,100
ไฟล์ที่จำเป็นสำหรับโครงการของคุณ

410
00:22:31,100 --> 00:22:35,920
>> ถ้าคุณไปเข้ากับขั้วที่เราสามารถทำได้
ไปลงในโฟลเดอร์ที่เรียกว่าขั้นตอนเดียว

411
00:22:35,920 --> 00:22:41,240
และขั้นตอนที่หนึ่งจะสอดคล้องกับ
ขั้นตอนแรกในการกวดวิชา

412
00:22:41,240 --> 00:22:44,020
แจ้งให้ทราบล่วงหน้ามีโฟลเดอร์ขั้นตอน
หนึ่งในขั้นตอนที่สองไปตลอดทางจนถึงห้า

413
00:22:44,020 --> 00:22:47,835
และแต่ละคนมีการสอดคล้องกัน
ไปยังขั้นตอนในการกวดวิชานี้

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

415
00:22:50,960 --> 00:22:52,780
ฉันจะเปิดมัน
ในโปรแกรมแก้ไขข้อความของฉันที่นี่

416
00:22:52,780 --> 00:22:56,280
เพื่อให้เราสามารถเห็นบิตของสิ่งที่ถูกสร้างขึ้น

417
00:22:56,280 --> 00:22:58,530
เราสังเกตเห็นว่ามี
มีสี่ส่วนหลัก

418
00:22:58,530 --> 00:23:01,170
มีไดเรกทอรีดาวตกเป็น, .meteor

419
00:23:01,170 --> 00:23:03,180
และที่คุณมักจะ
ไม่จำเป็นต้องสัมผัส

420
00:23:03,180 --> 00:23:05,070
ดาวตกจะดูแล
โฟลเดอร์นั้นและมันก็

421
00:23:05,070 --> 00:23:08,640
ทำให้แน่ใจว่าคุณ
โครงการนี​​้จะทำงานอย่างถูกต้อง

422
00:23:08,640 --> 00:23:14,580
>> นอกจากนี้เรายังมีสามไฟล์, ไฟล์ HTML,
ไฟล์ JavaScript และ CSS แฟ้ม

423
00:23:14,580 --> 00:23:18,670
Let 's แรกเริ่มต้นด้วยไฟล์ HTML

424
00:23:18,670 --> 00:23:21,310
ได้อย่างรวดเร็วก่อนนี้ดู
เช่นเอกสาร HTML ปกติ

425
00:23:21,310 --> 00:23:23,490
แต่สังเกตเห็นว่ามี
มีความแตกต่างไม่กี่

426
00:23:23,490 --> 00:23:26,520
หนึ่งนี้ไม่เป็นความจริง
เอกสาร HTML ที่สมบูรณ์

427
00:23:26,520 --> 00:23:28,640
เรากำลังขาดหายไปแท็ก

428
00:23:28,640 --> 00:23:29,700
ซึ่งเป็นเรื่องปกติ

429
00:23:29,700 --> 00:23:33,560
ในดาวตกคุณไม่ได้คาดหวัง
ในการสร้างแท็กเหล่านี้

430
00:23:33,560 --> 00:23:35,260
ที่ทำเพื่อคุณ

431
00:23:35,260 --> 00:23:38,380
คุณต้องการที่จะ begin-- ถ้าคุณ
ต้องการที่จะสร้างเว็บไซต์

432
00:23:38,380 --> 00:23:40,430
คุณเพียงแค่ต้องเริ่มต้น
ที่มีแท็กหัว

433
00:23:40,430 --> 00:23:43,510
กำหนดที่แล้ว
กำหนดแท็กร่างกาย

434
00:23:43,510 --> 00:23:48,940
>> แต่ถ้าคุณสังเกตเห็นในเรื่องนี้
ไฟล์ HTML เรามีแท็กใหม่

435
00:23:48,940 --> 00:23:50,350
เรามีแม่แท็ก

436
00:23:50,350 --> 00:23:52,050
นี้ไม่ปกติ HTML

437
00:23:52,050 --> 00:23:55,300
นี้เป็นรุ่นพิเศษของภาษา HTML
ที่ดาวตกทำให้สามารถใช้ได้กับคุณ

438
00:23:55,300 --> 00:23:57,660
มันเรียกว่าแถบพื้นที่

439
00:23:57,660 --> 00:24:00,980
คุณสามารถกำหนดแม่แบบน้อย
โมดูลชนิดเช่นฟังก์ชั่นผู้ช่วย

440
00:24:00,980 --> 00:24:03,660
ใน C หรือรหัส JavaScript ของคุณ

441
00:24:03,660 --> 00:24:06,020
แม่แบบนี้จะ
มีชื่อเรียกว่างาน

442
00:24:06,020 --> 00:24:10,520
และคุณสามารถดูที่นี่ในสาย
13 ที่คุณสามารถเรียกแม่แบบเหล่านี้

443
00:24:10,520 --> 00:24:14,380
และสิ่งที่จะทำดาวตกเป็นเพียง
กรอกข้อมูลลงในงานเหล่านี้สำหรับคุณ

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

445
00:24:17,540 --> 00:24:22,580
>> สิ่งที่คุณอาจสังเกตอีกประการหนึ่งคือ
บิตที่แตกต่างกันนี้ในแต่ละฟังก์ชั่น

446
00:24:22,580 --> 00:24:26,130
แต่ละคนจะใช้ตัวแปร
งานและชนิดของผ่านมันไป

447
00:24:26,130 --> 00:24:28,810
ในวง foreach เราว่า
เห็นในตัวอย่างเจ็ด

448
00:24:28,810 --> 00:24:34,200
ซึ่งแต่ละคนจะสามารถใช้พจนานุกรม
หรือรายการ, วัตถุหรือรายการ

449
00:24:34,200 --> 00:24:38,820
และมันก็จะผ่านไปทั้งหมด
ค่าเช่นห่วง foreach จะ

450
00:24:38,820 --> 00:24:44,110
ดังนั้นหากเรามีพวงของงานนี้
จะเรียกแม่แบบในแต่ละงาน

451
00:24:44,110 --> 00:24:49,590
>> ลองเรียกใช้โครงการดาวตก
เพียงเพื่อให้เห็นว่าสิ่งนี้เกิดขึ้น

452
00:24:49,590 --> 00:24:53,260
ผมทำงานกับโครงการดาวตก
เพียงแค่ดาวตกหรือเรียกดาวตก

453
00:24:53,260 --> 00:24:56,690
และตอนนี้ดาวตกก็จะต้อง
ได้อย่างรวดเร็วเตรียมความพร้อมโครงการ

454
00:24:56,690 --> 00:25:03,320
เริ่มต้นฐานข้อมูลเท่าที่จำเป็น
แล้วโพสต์การตรวจสอบภายใน

455
00:25:03,320 --> 00:25:07,200
เราสามารถไปที่เว็บเบราเซอร์ของเราตอนนี้

456
00:25:07,200 --> 00:25:10,215
และเราจะเห็นว่าเรา
มี app ที่ง่ายมาก

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

458
00:25:22,190 --> 00:25:29,130
ดังนั้นสิ่งที่เราเห็นปรากฏตัวขึ้นเป็นจริง
หนึ่งในขั้นตอนขั้นตอนที่หนึ่งไฟล์

459
00:25:29,130 --> 00:25:33,260
>> ขอย้ายไปที่ขั้นตอนที่สองเพียงเพราะ
ฉันคิดว่ามันจะตอบสนองวัตถุประสงค์เดียวกัน

460
00:25:33,260 --> 00:25:36,500
ฉันแค่จะเปลี่ยน
ไปยังขั้นตอนที่สองไดเรกทอรี

461
00:25:36,500 --> 00:25:39,550
และเรียกดาวตกอีกครั้งเพื่อให้เราสามารถมองเห็น
แม่แบบที่เราเพิ่งทำงานร่วมกับ

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

463
00:25:43,560 --> 00:25:45,730
ใช่คำถาม?

464
00:25:45,730 --> 00:25:49,724
>> ผู้ชม: ถ้าเราได้รับได้รับอนุญาต
ปฏิเสธเป็น that-- สิ่งที่มัน

465
00:25:49,724 --> 00:25:50,390
เรียกว่าสำหรับที่?

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

467
00:25:52,154 --> 00:25:54,070
ROGER ZURAWICKI: ถ้า
คุณกำลังใช้งานวิ่งดาวตก

468
00:25:54,070 --> 00:25:57,280
และคุณได้รับอนุญาต
ปฏิเสธบางส่วนของไฟล์ของคุณ

469
00:25:57,280 --> 00:25:59,070
ไม่อาจมีการตั้งค่าสิทธิ์ที่เหมาะสม

470
00:25:59,070 --> 00:26:03,970
ดังนั้นคุณต้องตรวจสอบที่
สิทธิ์ที่จะออก

471
00:26:03,970 --> 00:26:06,030
พวกเขาอาจจะออกใน
โครงการดาวตกของคุณ

472
00:26:06,030 --> 00:26:08,550
หรือพวกเขาอาจจะออกใน
ไฟล์ดาวตกตัวเอง

473
00:26:08,550 --> 00:26:13,742
>> ผู้ชม: ถ้าผมดาวน์โหลดมันเพียงแค่ตอนนี้
จาก GitHub ของคุณแล้วสิ่งที่ฉันควรจะทำอย่างไร

474
00:26:13,742 --> 00:26:16,110
[ไม่ได้ยิน]

475
00:26:16,110 --> 00:26:20,110
>> ROGER ZURAWICKI: ถ้าคุณต้องการ
เพื่อให้แน่ใจว่าคุณสามารถเข้าถึงได้

476
00:26:20,110 --> 00:26:21,450
มีคำสั่งคุณสามารถเรียกใช้

477
00:26:21,450 --> 00:26:26,590
ให้ฉันได้อย่างรวดเร็วเขียนมันออกมา
คนอื่น ๆ เพื่อให้สามารถมองเห็นได้

478
00:26:26,590 --> 00:26:30,670
ผมกำลังจะไปเปิดแท็บใหม่ที่นี่
และไปลงในโฟลเดอร์สัมมนาของฉัน

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

480
00:26:33,500 --> 00:26:36,490
chmod เป็นคำสั่ง
การเปลี่ยนแปลงสิทธิ์

481
00:26:36,490 --> 00:26:40,060
และคุณสามารถพูด R สำหรับทำมัน
ซ้ำสำหรับทุกไฟล์

482
00:26:40,060 --> 00:26:46,040
และการอนุญาตคุณสามารถลอง 0755
เพื่อให้แน่ใจว่าคุณมีการเข้าถึงแบบเต็ม

483
00:26:46,040 --> 00:26:47,820
และคนอื่น ๆ สามารถอ่าน

484
00:26:47,820 --> 00:26:50,100
และถ้าคุณใช้เพียง
คำสั่งนี้จะทำให้

485
00:26:50,100 --> 00:26:55,800
แน่ใจว่าสิทธิ์ที่อยู่ใน
ตรวจสอบไดเรกทอรีทั้งหมด

486
00:26:55,800 --> 00:26:59,160
วิ่ง LS-ลิตรสามารถแสดงให้คุณ
สิทธิ์ในรายละเอียดเพิ่มเติม

487
00:26:59,160 --> 00:27:01,290
นี้มีลักษณะตกลง

488
00:27:01,290 --> 00:27:03,900
>> สิ่งที่สำคัญที่สุดคือ
ว่าคุณมีทั้งสาม

489
00:27:03,900 --> 00:27:06,610
rwx สำหรับไฟล์ทั้งหมดที่อยู่ใน
ไดเรกทอรีสัมมนา

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

491
00:27:09,415 --> 00:27:11,330
ดังกล่าวแก้ปัญหาได้หรือไม่

492
00:27:11,330 --> 00:27:13,735
>> ผู้ชม: มันบอกว่าหายไป
ผ่าตัด [ไม่ได้ยิน]

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

494
00:27:17,980 --> 00:27:18,740
[ไม่ได้ยิน]

495
00:27:18,740 --> 00:27:20,490
ROGER ZURAWICKI: คุณ
ต้องให้แน่ใจว่าคุณ

496
00:27:20,490 --> 00:27:23,022
มีจุดที่ส่วนท้ายของคำสั่งของคุณ

497
00:27:23,022 --> 00:27:23,938
ผู้ชม: [ไม่ได้ยิน]

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

499
00:27:36,395 --> 00:27:37,520
ROGER ZURAWICKI: ทั้งหมดขวา

500
00:27:37,520 --> 00:27:42,220
ขอให้เราได้อย่างรวดเร็วกลับไปที่
โฮสต์ท้องถิ่น, แอพพลิเคเรามี

501
00:27:42,220 --> 00:27:46,640
และคุณจะเห็นว่าเรามี
งานไม่กี่ที่นี่เป็นไปตามคาด

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

503
00:27:49,330 --> 00:27:51,990
เรามีพวงของ CSS, ซึ่ง
คุณไม่จำเป็นต้องกังวลเกี่ยวกับ

504
00:27:51,990 --> 00:27:53,740
กวดวิชาดาวตก
เพียงแค่ให้นี้ให้คุณ

505
00:27:53,740 --> 00:27:58,010
ที่จะทำให้คุณจะทำอย่างไรดูรายการ
บิต nicer กว่า HTML ธรรมดา

506
00:27:58,010 --> 00:28:02,290
และเรามีไฟล์จาวาสคริปต์ซึ่ง
ฉันจะเข้าไปดูรายละเอียดเพิ่มเติมบิตต่อมา

507
00:28:02,290 --> 00:28:04,272
แต่ก็มีงานเหล่านี้

508
00:28:04,272 --> 00:28:04,980
นี้เป็นงานหนึ่ง

509
00:28:04,980 --> 00:28:05,740
นี้เป็นงานที่สอง

510
00:28:05,740 --> 00:28:06,590
นี้เป็นงานสาม

511
00:28:06,590 --> 00:28:09,720
ดังนั้นนี่คือข้อมูลของดาวตกได้รับ

512
00:28:09,720 --> 00:28:15,590
>> หนึ่งในสิ่งที่เย็นเกี่ยวกับดาวตกเป็น
ว่าการเปลี่ยนแปลงจะเกิดขึ้นโดยอัตโนมัติ

513
00:28:15,590 --> 00:28:18,990
ถ้าผมต้องการที่จะเปลี่ยนแปลง
ชื่อของงานครั้งแรก

514
00:28:18,990 --> 00:28:22,490
ดังนั้นมันจะพูดแบบนี้ไม่ได้
งานหนึ่งและฉันบันทึกมัน

515
00:28:22,490 --> 00:28:26,370
แล้วเมื่อฉันไปที่เว็บ
เบราว์เซอร์ที่คุณสามารถฟื้นฟูมัน

516
00:28:26,370 --> 00:28:30,861
และมันจะบอกว่า
นี้จะไม่ได้เป็นงานหนึ่ง

517
00:28:30,861 --> 00:28:32,860
คุณสามารถทำสิ่งเดียวกัน
ในใด ๆ ของไฟล์เหล่านี้

518
00:28:32,860 --> 00:28:37,940
ทำให้เกิดการเปลี่ยนแปลงแทนการที่จะทำ
รายการฉันจะมีมันของฉันที่จะทำรายการ

519
00:28:37,940 --> 00:28:40,980
>> และสิ่งหนึ่งที่คุณเพิ่งสังเกตเห็น
ที่ผมไม่ได้มีการฟื้นฟู

520
00:28:40,980 --> 00:28:43,960
ความคิดของความสดชื่นเป็นชนิด
การแก้ปัญหาสำหรับคุณที่มีดาวตก

521
00:28:43,960 --> 00:28:48,970
เมื่อใดก็ตามที่มีการตรวจพบการเปลี่ยนแปลงแฟ้ม
มันจะโหลดการเปลี่ยนแปลงสำหรับคุณ

522
00:28:48,970 --> 00:28:53,110
นี้ทำงานบนไฟล์ทั้งหมดไม่ว่าจะเป็น
มันเป็น HTML, CSS, หรือ JavaScript

523
00:28:53,110 --> 00:28:57,990
เพื่อแสดงสิ่งที่ app นี้จะมีลักษณะ
โดยไม่ต้องเช่น CSS, ฉันจะลบมันทั้งหมด

524
00:28:57,990 --> 00:29:04,720
และเมื่อมันโหลดใหม่ขณะนี้คุณมี
ไม่เป็นสวยที่จะทำรายการ

525
00:29:04,720 --> 00:29:06,370
ลองใส่เนื้อหาที่กลับมา

526
00:29:06,370 --> 00:29:11,343
และพอแน่นอนมัน
รีเฟรช, และ CSS ของเรากลับมา

527
00:29:11,343 --> 00:29:11,843
ยิ่งใหญ่

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

529
00:29:15,700 --> 00:29:20,010
>> ตอนนี้เราสามารถเดินหน้าต่อไปกับการกวดวิชา

530
00:29:20,010 --> 00:29:23,360
พูดคุยเกี่ยวกับขั้นตอนที่สองแม่แบบ

531
00:29:23,360 --> 00:29:27,140
นี่คือสิ่งที่เราเพิ่งเห็น
กับงานที่แตกต่างกัน

532
00:29:27,140 --> 00:29:31,550
ดาวตกจะอธิบายให้คุณสิ่งที่
แม่แบบและวิธีการทำงานตรรกะ

533
00:29:31,550 --> 00:29:34,760
แต่ขอเพียงแค่มองไปที่รหัสเพื่อ
ดูว่าเราสามารถทำให้ความรู้สึกออกมาจากมัน

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

535
00:29:38,030 --> 00:29:41,460
>> ในการใช้งานที่ง่ายมาก
เช่นเดียวกับสิ่งที่เรามีในที่เรียบง่าย

536
00:29:41,460 --> 00:29:44,550
ที่จะทำขั้นตอนหนึ่งขั้นตอนที่สองขั้นตอน
สามสี่ขั้นตอนขั้นตอนที่ห้า

537
00:29:44,550 --> 00:29:45,700
เราไม่ได้มีโฟลเดอร์ใด ๆ

538
00:29:45,700 --> 00:29:47,533
เราไม่ได้มีเซิร์ฟเวอร์
โฟลเดอร์ที่ผมกล่าวถึง

539
00:29:47,533 --> 00:29:50,510
เราไม่ได้มีลูกค้า
โฟลเดอร์ที่ถูกกล่าวถึง

540
00:29:50,510 --> 00:29:52,290
ดังนั้นดาวตกจะทำงานทุกไฟล์

541
00:29:52,290 --> 00:29:55,210
มันจะทำงานได้ทั้งบน
ลูกค้าทั้งบนเซิร์ฟเวอร์

542
00:29:55,210 --> 00:29:58,840
>> และถ้าคุณต้องการชิ้นส่วนของ JavaScript ของคุณ
รหัสเพื่อให้ทำงานได้เพียงแค่บนไคลเอนต์

543
00:29:58,840 --> 00:30:02,350
พวกเขาต้องการที่จะทำให้แน่ใจว่าคุณมี
ถ้ามีคำสั่งชนิดเช่นสิ่งที่

544
00:30:02,350 --> 00:30:04,890
ที่เรามีในไฟล์จาวาสคริปต์ของเราที่นี่

545
00:30:04,890 --> 00:30:08,010
ดังนั้นดาวตกเฉพาะในกรณีที่
มันเป็นลูกค้าแล้วฉัน

546
00:30:08,010 --> 00:30:12,355
ต้องการกำหนดแม่แบบ
งานที่เรียกว่าผู้ช่วย

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

548
00:30:15,050 --> 00:30:19,260
อะไรรหัสนี้จริงๆ
ไม่สามารถที่จะกล่าวว่ามี

549
00:30:19,260 --> 00:30:21,800
วัตถุที่เรียกว่าแม่แบบ
ที่มีดาวตก

550
00:30:21,800 --> 00:30:23,270
และเรากำลังจะเพิ่มผู้ช่วย

551
00:30:23,270 --> 00:30:27,680
ผู้ช่วยเป็นงานเหล่านี้
สิ่งเหล่านี้เหมือนงาน

552
00:30:27,680 --> 00:30:33,890
>> คุณจะเห็นว่าถ้าเรากลับไป
ไฟล์ HTML เราเรียกว่าในแต่ละงาน

553
00:30:33,890 --> 00:30:35,750
งานไม่ได้กำหนดใน HTML

554
00:30:35,750 --> 00:30:37,770
มันกำหนดไว้ใน JavaScript

555
00:30:37,770 --> 00:30:42,610
และดาวตกความต้องการที่จะรู้ว่าสิ่งที่เป็นงาน
เมื่อเราไปสู่​​การใช้งาน JavaScript ที่นี่

556
00:30:42,610 --> 00:30:45,550
เป็นผู้ช่วยงานนี้

557
00:30:45,550 --> 00:30:49,830
ตัวช่วยที่คุณสามารถคิด
มันเป็นตัวแปรแม่แบบ

558
00:30:49,830 --> 00:30:51,000
และงานที่ทำอะไร?

559
00:30:51,000 --> 00:30:53,580
ดีก็กลับรายการค่า

560
00:30:53,580 --> 00:30:56,750
เพราะมันเป็นรายการ
เราสามารถโทรหากันในนั้น

561
00:30:56,750 --> 00:30:58,590
นั่นคือเหตุผลที่เราเรียกกันในงาน

562
00:30:58,590 --> 00:30:59,730
และตอนนี้เรามีงาน

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

564
00:31:02,850 --> 00:31:03,990
>> งานที่ทำอะไร?

565
00:31:03,990 --> 00:31:07,740
ดีก็มีลูกศรนี้
ที่นี่หลังจากวงเล็บปีกกา

566
00:31:07,740 --> 00:31:09,130
งานหมายถึงการที่เป็นแม่แบบ

567
00:31:09,130 --> 00:31:11,100
มันไม่ได้เป็นผู้ช่วย,
เหมือนสิ่งที่เราเพิ่งเห็น

568
00:31:11,100 --> 00:31:12,872
มันเป็นแม่แบบที่เราได้กำหนดไว้

569
00:31:12,872 --> 00:31:14,080
และสถานที่ที่เราได้กำหนดไว้หรือไม่

570
00:31:14,080 --> 00:31:16,950
เราได้กำหนดไว้ด้านล่างขวาที่นี่

571
00:31:16,950 --> 00:31:21,160
>> ทั้งหมดแม่แบบนี้ไม่เป็นทำให้
รายการและเรียกข้อความ

572
00:31:21,160 --> 00:31:24,160
ตอนนี้ข้อความที่ดูเหมือนว่าจะเป็น
ผู้ช่วย แต่ฉันจะแสดงให้คุณ

573
00:31:24,160 --> 00:31:26,610
ว่านี้เป็นจริงยังคง
ข้อมูลสมาชิกของงาน

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

575
00:31:29,230 --> 00:31:33,670
เมื่อคุณโทรหากันก็จะเข้าสู่
โครงสร้างข้อมูลนิด ๆ หน่อย ๆ

576
00:31:33,670 --> 00:31:39,130
เช่นเดียวกับวง foreach ตอนนี้ก็ดู
ที่องค์ประกอบแรกในวัตถุของเรา

577
00:31:39,130 --> 00:31:41,850
เราจะเห็นข้อความที่เป็น
กำหนดไว้ที่นี่ในวัตถุของเรา

578
00:31:41,850 --> 00:31:45,350
ดังนั้นดาวตกเป็นสมาร์ทที่จะรู้ว่า
เรากำลังพูดถึงเกี่ยวกับข้อความนี้

579
00:31:45,350 --> 00:31:47,630
ไม่ใช่ข้อความที่เรียกว่าผู้ช่วย

580
00:31:47,630 --> 00:31:52,120
มันก็จะได้รับค่านี้
ข้อความที่นี่และแสดงมันเป็น HTML,

581
00:31:52,120 --> 00:31:55,475
และนั่นคือวิธีการที่ข้อมูลไป
จาก JavaScript เพื่อ HTML

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

583
00:32:03,320 --> 00:32:07,030
>> ย้าย แต่ในตัวอย่างนี้
เรายาก coded ค่าเหล่านั้น

584
00:32:07,030 --> 00:32:10,440
ดาวตกไม่สองจริงๆ
สิ่งที่ดีสำหรับเรา

585
00:32:10,440 --> 00:32:15,050
นอกจากนี้การฟื้นฟูชีวิตอยู่ที่เรา
แสดงให้เห็นว่ามันยังจัดการฐานข้อมูลของเรา

586
00:32:15,050 --> 00:32:18,750
หากคุณต้องทำงานกับ PHP,
คุณมีการกำหนดค่า phpMyAdmin

587
00:32:18,750 --> 00:32:21,320
คุณต้องให้แน่ใจว่าคุณ
ตารางที่มีทั้งหมดในการตรวจสอบ

588
00:32:21,320 --> 00:32:24,760
คุณต้องทำมากในการทำงานที่จะทำให้
แน่ใจว่าข้อมูลของคุณได้รับการจัดรูปแบบได้อย่างถูกต้อง

589
00:32:24,760 --> 00:32:27,880
และ PHP สามารถสื่อสารกับมัน

590
00:32:27,880 --> 00:32:30,170
>> ตอนนี้ดาวตกใช้กระบวนทัศน์ใหม่

591
00:32:30,170 --> 00:32:32,310
นี้เป็นวิธีที่ทันสมัย​​มากขึ้น
ในการจัดการฐานข้อมูล

592
00:32:32,310 --> 00:32:34,580
มันเป็นเทคโนโลยีที่เรียกว่า MongoDB

593
00:32:34,580 --> 00:32:38,740
เช่นเดียวกับใน JavaScript เราเห็นว่า
ไม่สำคัญว่าสิ่งที่ชนิดของข้อมูลที่มี

594
00:32:38,740 --> 00:32:39,640
ทุกอย่างเป็น var

595
00:32:39,640 --> 00:32:40,570
มันไม่ได้ charstar

596
00:32:40,570 --> 00:32:40,930
มันไม่ได้ int

597
00:32:40,930 --> 00:32:41,970
มันไม่ได้เป็น struct

598
00:32:41,970 --> 00:32:44,210
มันเป็นเพียงแค่ VaR นี้ var ว่า

599
00:32:44,210 --> 00:32:46,320
>> MongoDB ทำงานชนิดของวิธีการเดียวกัน

600
00:32:46,320 --> 00:32:48,160
คุณไม่ได้มีการกำหนดตารางของคุณ

601
00:32:48,160 --> 00:32:50,860
คุณไม่ได้ที่จะบอกว่าตาราง
มีชื่อซึ่งมี int

602
00:32:50,860 --> 00:32:54,710
มันมีผมไม่ทราบ
ดอลล่าซึ่งเป็นทศนิยม

603
00:32:54,710 --> 00:32:58,360
มันเป็นเพียงเหล่านี้ใช้งาน JavaScript วัตถุ
vars ทั้งหมดเหล่านี้เป็นหลัก

604
00:32:58,360 --> 00:33:02,780
และนี่คือที่มีประสิทธิภาพจริงๆ
วิธีการที่จะสร้างต้นแบบ app ของคุณ

605
00:33:02,780 --> 00:33:06,190
และที่ว่าทำไมดาวตก
ใช้ประโยชน์จากนี้

606
00:33:06,190 --> 00:33:11,080
>> ถ้าเราไปที่ขั้นตอนที่สาม
ขอดูสิ่งที่มีการเปลี่ยนแปลง

607
00:33:11,080 --> 00:33:15,480
ถ้าเราดูที่ HTML ทั้งหมดไม่มาก

608
00:33:15,480 --> 00:33:17,170
CSS ยังไม่ได้เปลี่ยนเลย

609
00:33:17,170 --> 00:33:22,420
แต่การเปลี่ยนแปลงเล็ก ๆ ที่เราเห็นในรูปแบบ HTML
คือเราได้เปลี่ยนวิธีการทำงานที่ถูกกำหนด

610
00:33:22,420 --> 00:33:23,800
งานขณะนี้คือฟังก์ชั่น

611
00:33:23,800 --> 00:33:25,800
นั่นหมายความว่าทุก
เวลาที่เราต้องการที่จะได้รับงาน

612
00:33:25,800 --> 00:33:27,480
เรากำลังจะไปทำงานฟังก์ชั่นนี้

613
00:33:27,480 --> 00:33:29,230
มันไม่ได้กลับมา
ฟังก์ชั่นเป็นค่า

614
00:33:29,230 --> 00:33:33,710
>> ดาวตกเป็นสมาร์ทเพื่อให้ทำงานได้จริง
ฟังก์ชั่นที่จะเห็นสิ่งที่เราได้รับการออก

615
00:33:33,710 --> 00:33:36,650
และผลตอบแทนที่ได้งานที่เรียกว่าสิ่งนี้

616
00:33:36,650 --> 00:33:40,650
เราได้กำหนดงานในบรรทัดหนึ่ง
และเป็นคอลเลกชัน Mongo

617
00:33:40,650 --> 00:33:43,170
Mongo จะหมายถึง
ฐานข้อมูลดาวตกใช้

618
00:33:43,170 --> 00:33:48,420
และใหม่นี้ก็หมายความว่าขอให้
คอลเลกชันใหม่ให้โทรติดต่องานมัน

619
00:33:48,420 --> 00:33:53,540
ใน MySQL นี้จะเทียบเท่ากับ
มองหาตารางงานที่เรียกว่า

620
00:33:53,540 --> 00:33:56,350
Mongo มีคอลเลกชันไม่ตาราง

621
00:33:56,350 --> 00:34:00,100
ดังนั้นเพียงแค่นี้จะมองหางาน

622
00:34:00,100 --> 00:34:04,820
>> ตอนนี้แม่แบบในของเรา
ช่วยในแม่แบบทั้งหมด

623
00:34:04,820 --> 00:34:08,380
เราจะต้องทำเพื่อให้ได้ทั้งหมด
งานเป็นฟังก์ชั่นนี้พบว่า

624
00:34:08,380 --> 00:34:11,710
และรั้งที่ว่างเปล่านี้

625
00:34:11,710 --> 00:34:14,150
นี่คือโดยเฉพาะอย่างยิ่งมากขึ้นเพื่อไวยากรณ์ Mongo

626
00:34:14,150 --> 00:34:16,159
มีมากมายของ
เอกสารออนไลน์สำหรับวิธีการ

627
00:34:16,159 --> 00:34:19,360
คุณสามารถทำให้มีประสิทธิภาพและ
คำสั่งที่มีประโยชน์จริงๆ Mongo

628
00:34:19,360 --> 00:34:25,560
แต่บางสิ่งบางอย่างเช่นนี้เป็นสิ่งที่ดี
พอเพียงในการหาข้อมูลทั้งหมด

629
00:34:25,560 --> 00:34:30,100
>> ตอนนี้หนึ่งในประเด็นที่คุณอาจจะเห็น
คือการที่เราไม่เคยเพิ่มข้อมูล

630
00:34:30,100 --> 00:34:35,020
ดังนั้นสิ่งที่เกิดขึ้นเมื่อเรา
ขั้นตอนการทำงานสามจริง?

631
00:34:35,020 --> 00:34:37,550
ขออย่างรวดเร็วไปสู่
ขั้นตอนที่สามและเรียกดาวตก

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

633
00:34:42,870 --> 00:34:45,650
ขอให้สังเกตว่าผมมีดาวตกอื่น
โครงการทำงานที่อื่น

634
00:34:45,650 --> 00:34:49,110
ดังนั้นดาวตกไม่ชอบที่

635
00:34:49,110 --> 00:34:52,810
ฉันแค่ไปอย่างรวดเร็วใกล้กับ
ดาวตกอื่น ๆ ที่มีการควบคุมซี

636
00:34:52,810 --> 00:34:55,780
ไปสู่​​ขั้นตอนที่สาม
และเรียกดาวตกอีกครั้ง

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

638
00:35:01,070 --> 00:35:03,180
แจ้งให้ทราบว่าเริ่มต้นที่
MongoDB เพราะ MongoDB

639
00:35:03,180 --> 00:35:06,370
เป็นส่วนหนึ่งของทุกโครงการดาวตก

640
00:35:06,370 --> 00:35:09,190
>> ดังนั้นจึงกล่าวว่าใบสมัครของฉันมีข้อผิดพลาด

641
00:35:09,190 --> 00:35:10,590
นั่นเป็นคุณลักษณะที่ดีมีดาวตก

642
00:35:10,590 --> 00:35:13,700
มันทำให้แน่ใจว่าคุณ
HTML จะถูกตรวจสอบอย่างดี

643
00:35:13,700 --> 00:35:17,710
ขออย่างรวดเร็วดูว่าทำไมนี้อาจจะมี

644
00:35:17,710 --> 00:35:26,110
ดูเหมือนว่าฉันมีความตั้งใจ
คัดลอกโค้ด HTML ที่ไม่ถูกต้อง

645
00:35:26,110 --> 00:35:30,610
ถ้าฉันบันทึกได้ในขณะนี้ดาวตก
เริ่มต้นใหม่โดยอัตโนมัติเซิร์ฟเวอร์

646
00:35:30,610 --> 00:35:34,650
และตอนนี้ app ทำงานตามที่คาดไว้

647
00:35:34,650 --> 00:35:39,220
ขอให้สังเกตในการแก้ไขปัญหานี้คุณก็สามารถทำงานได้
ไฟล์ HTML เดียวกันจากขั้นตอนที่สอง

648
00:35:39,220 --> 00:35:40,380
คัดลอกลงในขั้นตอนที่สาม

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

650
00:35:43,290 --> 00:35:45,917
>> เราสามารถกลับไปที่โฮสต์ท้องถิ่นของเรา

651
00:35:45,917 --> 00:35:47,500
และตอนนี้เราเห็นที่เราต้องทำรายการของเรา

652
00:35:47,500 --> 00:35:50,070
ที่ดี แต่มันว่างเปล่า

653
00:35:50,070 --> 00:35:54,210
เราไม่ได้มีจริงใด ๆ
งานในฐานข้อมูลของเรา Mongo

654
00:35:54,210 --> 00:35:57,930
ดังนั้นขอให้พูดคุยเกี่ยวกับ
ไม่กี่วิธีที่เราสามารถทำเช่นนั้นได้

655
00:35:57,930 --> 00:36:03,240
ถ้าเรากลับไปที่สถานีเรา
สามารถปิดและเรียกดาวตก Mongo

656
00:36:03,240 --> 00:36:05,320
>> หากคุณคุ้นเคย
กับวิธีการทำงานดาวตก

657
00:36:05,320 --> 00:36:14,100
นี้จริงจะช่วยให้คุณสามารถเข้าถึง
เพื่อ MongoDB เต็มรูปแบบสำหรับดาวตก

658
00:36:14,100 --> 00:36:17,570
ขอให้สังเกตว่าคุณจะต้องทำงาน
ดาวตกครั้งแรกสำหรับการทำงาน

659
00:36:17,570 --> 00:36:23,840
ดังนั้นถ้าผมทำงานนี้ในแท็บใหม่ผม
สามารถกลับไปที่ไดเรกทอรีเดียวกัน

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

661
00:36:29,040 --> 00:36:32,570
และตอนนี้ดาวตกทำงานได้ดี

662
00:36:32,570 --> 00:36:33,600
นี่คือพรอมต์

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

664
00:36:36,350 --> 00:36:38,790
ผมขอให้มันบิต
ที่ใหญ่กว่าเพื่อให้เราสามารถมองเห็น

665
00:36:38,790 --> 00:36:41,550
นี้มีลักษณะแตกต่างกันเล็กน้อยกว่า
สิ่งที่คุณอาจจะใช้กับคุณ

666
00:36:41,550 --> 00:36:42,869
ไม่ได้จริงๆต้องใช้ Mongo

667
00:36:42,869 --> 00:36:45,410
จุดรวมของฉันที่นี่คือ
เพื่อให้คุณสามารถใช้งาน JavaScript

668
00:36:45,410 --> 00:36:48,250
แต่ถ้าคุณอยากรู้อยากเห็น
Mongo API ไม่ได้

669
00:36:48,250 --> 00:36:50,730
ใช้ SQL, ภ​​าษาของแบบสอบถามที่มีโครงสร้าง

670
00:36:50,730 --> 00:36:55,570
จะใช้ภาษาของตัวเองที่
ดูจำนวนมากเช่น JavaScript

671
00:36:55,570 --> 00:37:00,520
อย่างรวดเร็วเราสามารถหา
ตารางผ่าน db.tasks

672
00:37:00,520 --> 00:37:08,940
และก็บอกฉัน
ปรากฎว่าถ้าเราทำงานหา

673
00:37:08,940 --> 00:37:13,450
ชนิดของคล้ายกับสิ่งที่เรามีกับ
ดาวตกเราสามารถโหลดองค์ประกอบทั้งหมด

674
00:37:13,450 --> 00:37:17,330
ปัญหาคือเราทำไม่ได้
จริงได้งานที่กำหนดไว้

675
00:37:17,330 --> 00:37:20,600
ดังนั้นจึงไม่สามารถรับได้

676
00:37:20,600 --> 00:37:22,130
>> เราสามารถแทรกแม้ว่า

677
00:37:22,130 --> 00:37:25,170
ดังนั้นเราจึงสามารถทำงานได้แทรก
ที่มีการแทรกคำสั่ง

678
00:37:25,170 --> 00:37:29,140
และเราเพียงแค่ให้มัน
วัตถุและเราก็

679
00:37:29,140 --> 00:37:31,840
ให้แน่ใจว่ารูปแบบเป็นสิ่งที่เราคาดหวัง

680
00:37:31,840 --> 00:37:35,030
ถ้าเรามองไปที่ขั้นตอนที่สอง
เราเห็นว่าทุกงาน

681
00:37:35,030 --> 00:37:39,590
เป็นวัตถุที่มีข้อความ
เป็นกุญแจสำคัญและสิ่งที่

682
00:37:39,590 --> 00:37:41,640
ที่จะทำรายการของคุณเป็นตัวแปร

683
00:37:41,640 --> 00:37:44,680
ดังนั้นเราสามารถทำบางสิ่งบางอย่างที่นี่

684
00:37:44,680 --> 00:37:50,160
>> เราสามารถมีมันแทรกงาน
เรียกว่าผมมาจาก Mongo

685
00:37:50,160 --> 00:37:52,570
และเรากด Enter, และมันจะทำงาน

686
00:37:52,570 --> 00:37:56,900
เราสามารถทำงานได้พบอีกครั้งและเรา
เห็นว่ามีวัตถุที่นี่

687
00:37:56,900 --> 00:38:01,810
Mongo กำหนดมัน ID ซึ่งคุณ
ไม่ได้จริงๆต้องกังวลเกี่ยวกับ

688
00:38:01,810 --> 00:38:06,690
สิ่งที่สำคัญกับคุณคือข้อมูล
ที่คุณใส่ในเป็นข้อมูลที่คุณได้รับจาก

689
00:38:06,690 --> 00:38:10,500
>> ลองกลับไปที่เว็บไซต์ของเรา
และเดี๋ยวก่อนงานของเราโหลด

690
00:38:10,500 --> 00:38:13,987
และคุณจะเห็นว่า
เพราะดาวตกเป็นสมาร์ทมาก

691
00:38:13,987 --> 00:38:16,570
และมักจะรีเฟรชสำหรับคุณฉัน
ไม่ต้องสัมผัสหน้า

692
00:38:16,570 --> 00:38:19,160
มันโหลดโดยอัตโนมัติ

693
00:38:19,160 --> 00:38:23,520
>> ลองเรียกใช้รหัสบางอย่างใน
JavaScript แม้ว่าจะทำเช่นนี้

694
00:38:23,520 --> 00:38:26,120
เช่นเดียวกับที่เรามีโหนดในด้านหลัง
สิ้นสุดที่จะดำเนินการออก JavaScript,

695
00:38:26,120 --> 00:38:29,280
เรายังสามารถเรียกใช้งาน JavaScript
โดยตรงในเบราว์เซอร์ของเรา

696
00:38:29,280 --> 00:38:31,970
คุณสามารถทำเช่นนี้โดยคุณลักษณะ
ตรวจสอบที่เรียกว่าธาตุ

697
00:38:31,970 --> 00:38:34,210
ถ้าผมคลิกขวาที่
ส่วนของหน้า

698
00:38:34,210 --> 00:38:36,730
มีตัวเลือก
ตรวจสอบที่เรียกว่าธาตุ

699
00:38:36,730 --> 00:38:38,840
ถ้าคุณใช้
เบราว์เซอร์ซาฟารีเช่นคุณ

700
00:38:38,840 --> 00:38:45,430
อาจต้องเปิดใช้งานนักพัฒนาของคุณ
เครื่องมือก่อนที่คุณจะได้รับคุณลักษณะนี้

701
00:38:45,430 --> 00:38:46,930
>> สิ่งที่เราสนใจคือคอนโซล

702
00:38:46,930 --> 00:38:48,930
ดังนั้นเราก็จะไป
คอนโซลที่ด้านล่าง

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

704
00:38:52,110 --> 00:38:55,970
ตอนนี้เราสามารถเรียกใช้งาน JavaScript ใด ๆ
ที่นี่เช่น JavaScript

705
00:38:55,970 --> 00:38:58,860
ไฟล์ฉันพบในตัวอย่าง JS

706
00:38:58,860 --> 00:39:02,040
แต่ตอนนี้ให้ดูที่งาน

707
00:39:02,040 --> 00:39:04,955
เราสามารถเรียกใช้คำสั่งของเรา

708
00:39:04,955 --> 00:39:07,830
และหวังว่าฉันจะสามารถที่จะทำให้
มันบิตขนาดใหญ่เพื่อให้เราสามารถทุกคนเห็น

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

710
00:39:14,390 --> 00:39:18,450
>> ถ้าเราทำงาน tasks.find และคุณจะ
เห็นว่านี้เป็นรหัสเดียวกันแน่นอน

711
00:39:18,450 --> 00:39:24,840
ที่ใช้ไฟล์ JavaScript
ในขั้นตอนที่สาม task.find นี้

712
00:39:24,840 --> 00:39:29,100
เราสามารถทำงานในสิ่งเดียวกันและ
ตอนนี้เราได้รับสิ่งที่แปลกบาง

713
00:39:29,100 --> 00:39:31,050
เราไม่ได้รับข้อมูลจริงได้อย่างไร?

714
00:39:31,050 --> 00:39:34,860
ดีที่เราจะต้องทำงานนี้
คำสั่งที่เรียกว่าเรียก

715
00:39:34,860 --> 00:39:37,150
>> นี้จะเป็นประโยชน์มากสำหรับการแก้จุดบกพร่อง

716
00:39:37,150 --> 00:39:41,000
สิ่งที่คุณได้ที่นี่
เคอร์เซอร์และนี่คือ

717
00:39:41,000 --> 00:39:44,890
วิธีที่ดีที่มีดาวตก
เพิ่มประสิทธิภาพในการเรียกข้อมูล

718
00:39:44,890 --> 00:39:48,270
เคอร์เซอร์นี้มีคุณสมบัติทั้งหมดสำหรับ
การปรับปรุงที่อยู่อาศัยและการรีเฟรชหน้าเว็บ

719
00:39:48,270 --> 00:39:49,650
เมื่อสิ่งที่มีการเปลี่ยนแปลง

720
00:39:49,650 --> 00:39:51,280
แต่มันจะไม่ได้รับข้อมูลที่เรา

721
00:39:51,280 --> 00:39:52,720
เราสามารถได้รับข้อมูลผ่านทางเรียก

722
00:39:52,720 --> 00:39:56,880
และคุณจะเห็นว่าเรามีวัตถุและ
ก็เช่นเดียวกับสิ่งที่เรามีอยู่ใน Mongo,

723
00:39:56,880 --> 00:40:00,040
กับ ID และข้อความที่เราใส่ใน

724
00:40:00,040 --> 00:40:04,200
>> ดังนั้นเราจะใส่รายการในดาวตก?

725
00:40:04,200 --> 00:40:07,250
ดีเราก็มีงาน

726
00:40:07,250 --> 00:40:09,990
แล้วเราสามารถเรียกใช้
คำสั่งแทรกเดียวกัน

727
00:40:09,990 --> 00:40:17,520
ให้พจนานุกรมหรือวัตถุ
ที่มีรูปแบบเดียวกันข้อความ

728
00:40:17,520 --> 00:40:22,340
และจากนั้นผมมาจากคอนโซล

729
00:40:22,340 --> 00:40:27,240
ลองดูด้านบนเพราะเมื่อฉัน
ทำเช่นนี้ก็จะแสดงขึ้นบนเว็บไซต์

730
00:40:27,240 --> 00:40:29,660
อัตโนมัติ

731
00:40:29,660 --> 00:40:33,291
>> ขอให้สังเกตว่าคุณสามารถใส่อะไร
ที่คุณต้องการในรายการเหล่านี้

732
00:40:33,291 --> 00:40:35,040
มันไม่จำเป็นต้องมี
มีโครงสร้างถาวร

733
00:40:35,040 --> 00:40:39,790
ฉันจะได้เท่ากับ
เลขที่สามและ B เท่ากับเท็จ

734
00:40:39,790 --> 00:40:41,600
และการทำงานทั้งหมด

735
00:40:41,600 --> 00:40:46,000
ฉันยังสามารถเลือกที่จะไม่
รวมถึงข้อความที่ทั้งหมด

736
00:40:46,000 --> 00:40:48,320
นี้เป็นเพียงไม่แนะนำให้ใช้
แต่แล้วเพราะดาวตก

737
00:40:48,320 --> 00:40:50,920
จะไม่ทราบว่าสิ่งที่จะแสดง

738
00:40:50,920 --> 00:40:53,110
แต่ในแต่ละกรณีเรา
ได้รับ ID และที่

739
00:40:53,110 --> 00:40:54,785
ID ของวัตถุที่คุณสามารถใช้

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

741
00:41:01,120 --> 00:41:03,280
>> ขณะที่เรายังคงมีการ
ขั้นตอนที่สี่และขั้นตอนที่ห้า

742
00:41:03,280 --> 00:41:06,870
กวดวิชาจะแสดงให้คุณวิธีการที่
คุณสามารถสร้างองค์ประกอบ UI ใช้

743
00:41:06,870 --> 00:41:13,130
HTML ที่คุณรู้จัก
สร้างงานที่แตกต่างกัน

744
00:41:13,130 --> 00:41:15,440
ลองดูที่ขั้นตอนที่สี่อย่างรวดเร็วจริงๆ

745
00:41:15,440 --> 00:41:18,290
เราจะเห็นว่าเราได้เพิ่ม
ส่วนที่เกี่ยวกับเหตุการณ์ที่เกิดขึ้น

746
00:41:18,290 --> 00:41:20,874
แม่สามารถมี
ช่วยเหลือซึ่งได้รับเราข้อมูล

747
00:41:20,874 --> 00:41:22,040
แต่ก็ยังสามารถเรียกเหตุการณ์ที่เกิดขึ้น

748
00:41:22,040 --> 00:41:25,300
และนี่คือที่สิ่งที่
กลายเป็นประโยชน์เพราะเหตุการณ์ที่เกิดขึ้น

749
00:41:25,300 --> 00:41:28,590
เป็นสิ่งที่เกิดขึ้นเมื่อคุณคลิกที่
สิ่งที่แตกต่างกันในเว็บไซต์ของคุณ

750
00:41:28,590 --> 00:41:33,790
>> นี่คือรหัสของเราคือการบอก
เราสามารถเพิ่มเหตุการณ์นี้

751
00:41:33,790 --> 00:41:38,860
เพิ่มเมื่อคุณส่ง
บางสิ่งบางอย่างกับชั้นงานใหม่

752
00:41:38,860 --> 00:41:41,910
สิ่งที่คุณต้องที่นี่เป็นตัวเลือก CSS

753
00:41:41,910 --> 00:41:45,870
ดังนั้นเพียงแค่รูปลักษณ์สำหรับ HTML
องค์ประกอบที่มีชั้นงานใหม่

754
00:41:45,870 --> 00:41:47,940
และมันก็ดูสำหรับเหตุการณ์เช่นส่ง

755
00:41:47,940 --> 00:41:51,050
เหตุการณ์อื่น ๆ ได้แก่
คลิกเลื่อนดับเบิลคลิก

756
00:41:51,050 --> 00:41:54,450
คล้ายกับสิ่งที่คุณจะได้รับในรูปแบบ HTML ปกติ

757
00:41:54,450 --> 00:41:56,770
>> สิ่งที่คุณให้ที่นี่คือตอนนี้ฟังก์ชั่น

758
00:41:56,770 --> 00:42:01,210
และคุณสามารถมีของคุณ
รหัสในฟังก์ชั่นที่

759
00:42:01,210 --> 00:42:06,360
ฟังก์ชั่นนี้เป็นสิ่งที่จบลงด้วยการได้รับ
เรียกว่าเมื่อคุณส่งงานใหม่นี้

760
00:42:06,360 --> 00:42:12,170
ลองดูที่ HTML เพียงเพื่อให้เรา
เข้าใจในสิ่งที่งานใหม่นี้

761
00:42:12,170 --> 00:42:15,570
เราได้เพิ่มรูปแบบที่นี่
กับชั้นงานใหม่

762
00:42:15,570 --> 00:42:19,880
และก็จะมีการป้อนข้อมูลที่ใช้ข้อความ

763
00:42:19,880 --> 00:42:22,605
และนี่คือที่เรา
จะเพิ่มงานใหม่ของเรา

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

765
00:42:25,520 --> 00:42:29,780
>> ลองเรียกใช้ขั้นตอนที่สี่
เว็บไซต์ที่จะเห็นสิ่งที่ดูเหมือนว่า

766
00:42:29,780 --> 00:42:32,710
เราสามารถออกจากออกก่อน
ของ MongoDB ที่เรามี

767
00:42:32,710 --> 00:42:35,300
จากก่อนหน้านี้
ตัวอย่างที่มีการควบคุม C.

768
00:42:35,300 --> 00:42:37,690
และให้เปลี่ยนเป็น
ขั้นตอนที่สี่ไดเรกทอรี

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

770
00:42:41,000 --> 00:42:42,920
เราจะทำงานดาวตกอีกครั้ง
ที่จะเริ่มต้นเซิร์ฟเวอร์

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

772
00:42:46,850 --> 00:42:50,510
และน่าเสียดายที่ผมมีดาวตก
ที่ทำงานอยู่ในสถานีอื่น

773
00:42:50,510 --> 00:42:53,080
ดังนั้นฉันแค่ไป
ให้แน่ใจว่านี้ปิด

774
00:42:53,080 --> 00:43:01,805
ขอลาออกจากนี้และการเปลี่ยนแปลง
เพื่อเป็นส่วนหนึ่งสี่ขั้นตอนที่สี่

775
00:43:01,805 --> 00:43:02,305
ตกลง

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

777
00:43:11,220 --> 00:43:13,250
>> ตอนนี้รหัสดาวตกของเรากำลังทำงานอยู่

778
00:43:13,250 --> 00:43:19,480
และคุณจะเห็นว่ามันมีการปรับปรุงโดยไม่ต้อง
เราต้องมีการรีเฟรชหน้า

779
00:43:19,480 --> 00:43:24,410
สิ่งที่มีการเปลี่ยนแปลงที่นี่ตอนนี้
ว่าเราไม่ได้มีงานใด ๆ

780
00:43:24,410 --> 00:43:29,530
แต่เรามีรูปแบบนี้นี่
กล่องข้อความเพื่อเพิ่มงานใหม่ของเรา

781
00:43:29,530 --> 00:43:31,550
และเราสามารถพิมพ์งานของเราที่นี่

782
00:43:31,550 --> 00:43:34,564
ผมมาจากหน้า HTML

783
00:43:34,564 --> 00:43:36,105
เมื่อผมกด Enter มันได้ส่ง

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

785
00:43:39,180 --> 00:43:44,540
>> เราสามารถมองเห็นสิ่งที่เกิดขึ้นเป็น
ที่กำหนดโดยรหัส JavaScript

786
00:43:44,540 --> 00:43:49,930
สิ่งที่ฟังก์ชั่นนี้ไม่ได้
ใช้ข้อความจากแบบฟอร์ม

787
00:43:49,930 --> 00:43:53,680
แล้วเรียกว่าเพียงแค่ tasks.insert,
เหมือนที่เราทำในคอนโซล

788
00:43:53,680 --> 00:43:56,410
พวกเขายังเลือกที่จะเพิ่มวัน createdAt

789
00:43:56,410 --> 00:43:59,840
นี่คือวิธีที่คุณจะ
ระบุเวลาปัจจุบัน

790
00:43:59,840 --> 00:44:03,220
หลังจากนั้นก็ล้างรูปแบบโดยการทำ
แน่ใจว่ามีค่าเป็นสตริงที่ว่างเปล่า

791
00:44:03,220 --> 00:44:06,550
>> และจากนั้นก็เรียกกลับเท็จ
ให้แน่ใจว่าไม่มีอะไรอื่นที่เกิดขึ้น

792
00:44:06,550 --> 00:44:10,350
เมื่อคุณกลับเท็จจาก
เหตุการณ์รูปแบบที่จะหยุดการดำเนินการ

793
00:44:10,350 --> 00:44:14,520
บอกรูปแบบมีการดำเนินการ
เช่นส่งไปยังหน้า PHP

794
00:44:14,520 --> 00:44:16,980
หากคุณไม่ได้กลับ
เท็จคุณต้องการกลับจริง

795
00:44:16,980 --> 00:44:18,500
มันจะสิ้นสุดการทำขอให้

796
00:44:18,500 --> 00:44:20,590
เท็จดักมันและ
หยุดมันที่นั่น

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

798
00:44:23,510 --> 00:44:28,610
>> เพื่อให้เป็นตัวอย่างเล็ก ๆ น้อย ๆ เกี่ยวกับ
วิธีการทำงานดาวตกและเราได้

799
00:44:28,610 --> 00:44:30,980
รับต่อไปกวดวิชาในขณะที่

800
00:44:30,980 --> 00:44:33,560
และคุณสามารถโปรด
อิสระที่จะยังคงทำเช่นนี้

801
00:44:33,560 --> 00:44:37,760
มีความอุดมสมบูรณ์ของทรัพยากรที่มี
และการกวดวิชาที่เป็นจริงเพียง

802
00:44:37,760 --> 00:44:40,400
ดีมากเกี่ยวกับการอธิบาย
สิ่งที่เกิดขึ้น

803
00:44:40,400 --> 00:44:44,362
ฉันไม่ต้องการที่จะแสดงให้คุณในขณะนี้ใน
ไม่กี่นาทีเรามีซ้าย

804
00:44:44,362 --> 00:44:46,320
สิ่งที่เป็นบางส่วนของ
คุณสมบัติเย็นของดาวตก

805
00:44:46,320 --> 00:44:48,772
และสิ่งที่เป็นบางส่วนของ
แพคเกจที่มีประโยชน์มากขึ้น

806
00:44:48,772 --> 00:44:51,730
หนึ่งในสิ่งที่ดีเกี่ยวกับดาวตก
คือการที่คุณมีระบบแพคเกจ

807
00:44:51,730 --> 00:44:55,620
คุณสามารถรวมรหัส
ที่หลายพันคนของนักพัฒนา

808
00:44:55,620 --> 00:44:58,840
ได้เขียนทั่วโลก
ในโครงการดาวตกของคุณ

809
00:44:58,840 --> 00:45:02,410
หนึ่งในตัวอย่างนี้คือสิ่งที่คุณอาจจะ
ทำในขั้นตอนที่เก้าของการกวดวิชาที่

810
00:45:02,410 --> 00:45:07,435
คุณกำลังพยายามที่จะเพิ่มบัญชี
กับโครงการดาวตกของคุณ

811
00:45:07,435 --> 00:45:10,010

812
00:45:10,010 --> 00:45:13,690
ถ้าเรามี PHP CS50
โครงการเราจะมี

813
00:45:13,690 --> 00:45:17,810
ที่จะพึ่งพากรอบ
หรือรหัสของเราเองที่จะทำให้

814
00:45:17,810 --> 00:45:20,820
แน่ใจว่าเราจัดการอย่างปลอดภัย
ชื่อผู้ใช้และรหัสผ่าน

815
00:45:20,820 --> 00:45:23,120
และการจัดเก็บฐานข้อมูล
และทุกที่

816
00:45:23,120 --> 00:45:25,670
>> มันจะเปิดออกดาวตกมีบางส่วน
แพคเกจที่จะทำเพื่อคุณ

817
00:45:25,670 --> 00:45:29,160
และที่จะทำมันได้อย่างง่ายดายมาก

818
00:45:29,160 --> 00:45:31,950
สิ่งที่เราสามารถทำได้คือการเพิ่มแพ็กเกจไม่กี่

819
00:45:31,950 --> 00:45:37,450
เพื่อขอทำที่เหมาะสมที่
ขณะนี้อยู่ในคอนโซลของเรา

820
00:45:37,450 --> 00:45:42,460
ฉันจะเลิกโครงการและ
ตอนนี้ไปเป็นที่เรียบง่ายทั้งหมด

821
00:45:42,460 --> 00:45:47,450

822
00:45:47,450 --> 00:45:50,050
ตอนนี้ง่ายทั้งหมดเป็น
โครงการที่คุณ

823
00:45:50,050 --> 00:45:53,500
จะมีหลังจากที่ถูกทำ
ด้วยขั้นตอนขั้นตอนที่ 11 หรือ 12

824
00:45:53,500 --> 00:45:55,250
ในตอนท้ายของการกวดวิชานี้

825
00:45:55,250 --> 00:45:58,642
และให้ได้อย่างรวดเร็วมองไปที่มันจะเห็น
สิ่งที่มีคุณสมบัติที่แตกต่างกันที่เรามี

826
00:45:58,642 --> 00:46:01,610
ขอเพียงให้แน่ใจว่ามันทำงาน

827
00:46:01,610 --> 00:46:04,400
บางครั้งก็จะใช้เวลาในขณะที่
เพื่อฟื้นฟู แต่ที่นี่มันเป็น

828
00:46:04,400 --> 00:46:09,710
>> เรามีตัวเลือกของเราที่จะซ่อน
งานที่สมบูรณ์และเราสามารถเข้าสู่ระบบ

829
00:46:09,710 --> 00:46:11,770
และนี่คือที่ทำกับ
แพคเกจดาวตก

830
00:46:11,770 --> 00:46:12,270
มันยิ่งใหญ่

831
00:46:12,270 --> 00:46:14,910
เราได้ชื่อผู้ใช้ในขณะนี้
และเข้าสู่ระบบรหัสผ่านใน

832
00:46:14,910 --> 00:46:19,170
แต่ถ้าเราต้องการที่จะเพิ่ม
ชนิดของกลไกการเข้าสู่ระบบอื่นได้หรือไม่

833
00:46:19,170 --> 00:46:22,560
สมมติว่าผมต้องการที่จะเข้าสู่ระบบ
ด้วยบัญชีดาวตกของฉัน

834
00:46:22,560 --> 00:46:27,270
ฉันจะไปทำงานดาวตกเพิ่มและนี่
เป็นไวยากรณ์สำหรับการเพิ่มแพคเกจ

835
00:46:27,270 --> 00:46:32,160
ผมสามารถพูดได้บัญชีและ accounts.meteor

836
00:46:32,160 --> 00:46:35,720
ก็จะพบว่าในขณะนี้
แพคเกจและโหลด

837
00:46:35,720 --> 00:46:40,480
คุณจะเห็นว่าผมยังไม่ได้
พบชื่อแพคเกจที่เหมาะสม

838
00:46:40,480 --> 00:46:42,820
>> ดังนั้นวิธีที่คุณหาข้อมูลเกี่ยวกับแพคเกจ?

839
00:46:42,820 --> 00:46:46,380
ดีมีเว็บไซต์ที่ดีทำ
สามารถใช้ได้โดยคนดาวตก

840
00:46:46,380 --> 00:46:47,780
เรียกว่า atmospherejs.com

841
00:46:47,780 --> 00:46:52,520
Atmospherejs หนึ่งคำจุด
com เป็นพื้นที่เก็บข้อมูลที่ดี

842
00:46:52,520 --> 00:46:57,660
สำหรับการค้นหาทั้งหมดของดาวตก
แพคเกจในพื้นที่เก็บข้อมูล

843
00:46:57,660 --> 00:47:05,140
ฉันจะค้นหาบัญชีแล้ว
มันจะแสดงให้ฉันทุกสิ่งที่เกี่ยวข้อง

844
00:47:05,140 --> 00:47:07,320
แพคเกจทั้งหมดที่มีชื่อบัญชี

845
00:47:07,320 --> 00:47:10,180

846
00:47:10,180 --> 00:47:13,270
>> ในขณะที่โหลดเราสามารถลอง
เพิ่มบางแพ็กเกจอื่น ๆ

847
00:47:13,270 --> 00:47:19,380
บางทีแพคเกจดาวตกไม่ทำงาน
ตอนนี้ แต่ฉันสามารถเพิ่ม Facebook

848
00:47:19,380 --> 00:47:22,860

849
00:47:22,860 --> 00:47:27,190
ฉันสามารถเพิ่มบัญชีแล้ว
ทำงานโครงการดาวตกอีกครั้ง

850
00:47:27,190 --> 00:47:33,260

851
00:47:33,260 --> 00:47:36,900
ครั้งนี้เริ่มต้นเรามาดู
สิ่งที่เปลี่ยนแปลงไปในเว็บไซต์

852
00:47:36,900 --> 00:47:40,010

853
00:47:40,010 --> 00:47:44,580
คุณสามารถดูหน่อยฉันอาจ
ต้องฟื้นฟูได้ที่นี่

854
00:47:44,580 --> 00:47:47,320
>> ฉันมีปุ่มเพื่อ
กำหนดค่าการเข้าสู่ระบบ Facebook

855
00:47:47,320 --> 00:47:49,765
และที่นี่ผมมีทั้งหมด
คำแนะนำดาวตก

856
00:47:49,765 --> 00:47:52,960
ได้จัดเตรียมไว้สำหรับคุณ
การตั้งค่าแอพพลิเค Facebook

857
00:47:52,960 --> 00:47:58,990
และคุณสามารถใช้ที่
ข้อมูลที่จะเพิ่มรหัสของคุณ

858
00:47:58,990 --> 00:48:04,130
หลังจากที่ทำคุณจะมี
เข้าสู่ระบบ Facebook ทำงานใน app ของคุณ

859
00:48:04,130 --> 00:48:08,559
>> ฉันแค่ไปที่จะได้รับ
ID app และเป็นความลับ

860
00:48:08,559 --> 00:48:10,100
เพียงเพื่อแสดงวิธีนี้อาจจะทำงาน

861
00:48:10,100 --> 00:48:16,000

862
00:48:16,000 --> 00:48:20,360
คุณจะต้องมีบัญชี Facebook
ที่จะใช้ Facebook ตัวเลือกนักพัฒนา

863
00:48:20,360 --> 00:48:31,160

864
00:48:31,160 --> 00:48:35,290
ผมขอเพียงแค่ได้อย่างรวดเร็วพบ
คีย์ดาวตกที่มีความจำเป็น

865
00:48:35,290 --> 00:48:46,994

866
00:48:46,994 --> 00:48:49,160
ฉันมีอีกโครงการดาวตก
ว่าฉันจะใช้

867
00:48:49,160 --> 00:48:55,590
และฉันแค่จะใช้เวลา
คีย์จากแฟ้มที่

868
00:48:55,590 --> 00:49:14,410

869
00:49:14,410 --> 00:49:20,930
>> และเมื่อฉันคิดว่ามันฉันแค่จะสามารถ
เพื่อคัดลอกคีย์เหล่านี้ลงใน Facebook ของฉัน

870
00:49:20,930 --> 00:49:23,489
ดังนั้นที่นี่เป็นกุญแจสำคัญ

871
00:49:23,489 --> 00:49:24,280
และนี่คือความลับ

872
00:49:24,280 --> 00:49:26,071
คุณไม่ควรจะเป็น
แบ่งปันนี้กับคน

873
00:49:26,071 --> 00:49:28,870

874
00:49:28,870 --> 00:49:30,910
แล้วคุณจะให้มันเป็นความลับ app ของคุณ

875
00:49:30,910 --> 00:49:33,560
และนี่จึงเป็นที่ Facebook
รู้ว่าคุณเป็นคุณ

876
00:49:33,560 --> 00:49:37,630

877
00:49:37,630 --> 00:49:39,080
และคุณบันทึกการตั้งค่า

878
00:49:39,080 --> 00:49:45,160

879
00:49:45,160 --> 00:49:48,640
>> ผมคิดว่าในกระบวนการฉัน
ได้หยุดการตรวจสอบดาวตกของฉัน

880
00:49:48,640 --> 00:49:52,290
ดังนั้นผมเพียงแค่ต้องการให้
แน่ใจว่ามันยังคงมี

881
00:49:52,290 --> 00:49:54,962

882
00:49:54,962 --> 00:49:58,610
ตกลงขอให้แน่ใจว่าเซิร์ฟเวอร์ดาวตกของเรา
กำลังทำงานเพื่อให้หน้าเว็บที่กำลังทำงาน

883
00:49:58,610 --> 00:50:02,440
ขอให้สังเกตถ้าเราหยุดดาวตก
เซิร์ฟเวอร์, หน้ายังคงมี

884
00:50:02,440 --> 00:50:04,700
มันก็จะไม่ปรับปรุงอีกต่อไป

885
00:50:04,700 --> 00:50:10,290
เซิร์ฟเวอร์ดาวตกเป็นสิ่งที่จำเป็น
สำหรับการทำให้แน่ใจว่าหน้าจะมีการถ่ายทอดสด

886
00:50:10,290 --> 00:50:14,050
>> ตกลงผมได้ส่งมันและตอนนี้
ฉันสามารถลงชื่อเข้าใช้ด้วย Facebook

887
00:50:14,050 --> 00:50:17,400
ตอนนี้มันเป็นเพียงเรื่องของ
มีป๊อปอัพขึ้น Facebook

888
00:50:17,400 --> 00:50:21,710
และวางในบัญชีของคุณ
ข้อมูลและเข้าสู่ระบบใน

889
00:50:21,710 --> 00:50:24,520

890
00:50:24,520 --> 00:50:27,930
เมื่อคุณทำเช่นนั้นอาจ Facebook
จู้จี้คุณสำหรับบางคนความปลอดภัยมากขึ้น

891
00:50:27,930 --> 00:50:29,810
ดังนั้นเราก็จะหยุดเพียงแค่นั้น

892
00:50:29,810 --> 00:50:34,110
ประเด็นก็คือว่าเมื่อคุณกำลังทำ
กับที่คุณจะต้องเข้าสู่ระบบ Facebook

893
00:50:34,110 --> 00:50:37,850
>> ดาวตกมีพวงของ
แพคเกจอื่น ๆ เช่นกัน

894
00:50:37,850 --> 00:50:39,200
คุณสามารถเข้าสู่ระบบด้วย Google +

895
00:50:39,200 --> 00:50:40,500
คุณสามารถเข้าสู่ระบบด้วย GitHub

896
00:50:40,500 --> 00:50:42,170
คุณสามารถเข้าสู่ระบบด้วยทวิตเตอร์

897
00:50:42,170 --> 00:50:44,870
หรือถ้าคุณค้นหาคุณจะ
พบมากของสิ่งอื่น ๆ

898
00:50:44,870 --> 00:50:49,170
เช่น Meetup, LinkedIn,
และพัฒนาดาวตก

899
00:50:49,170 --> 00:50:53,100
ดังนั้นนักพัฒนาดาวตกเป็น
แพคเกจที่ผมกำลังมองหา

900
00:50:53,100 --> 00:50:56,170
ดาวตกเพิ่มบัญชี-ดาวตกนักพัฒนา

901
00:50:56,170 --> 00:51:06,192

902
00:51:06,192 --> 00:51:07,900
ในขณะเดียวกันผม
ยังต้องการที่จะแนะนำ

903
00:51:07,900 --> 00:51:11,340
บางแพคเกจอื่น ๆ สำหรับโครงการของคุณ

904
00:51:11,340 --> 00:51:14,670
มันอาจจะเป็นประโยชน์ในการ
รวมถึงแพคเกจ jQuery

905
00:51:14,670 --> 00:51:17,909
นี้จะช่วยให้คุณใช้
jQuery ในลูกค้าของคุณ

906
00:51:17,909 --> 00:51:21,200
คุณก็สามารถทำมันได้ด้วยหนึ่งบรรทัดและ
ดาวตกจะให้แน่ใจว่าคุณได้ถึงวันที่

907
00:51:21,200 --> 00:51:21,825
ใน jQuery

908
00:51:21,825 --> 00:51:24,330

909
00:51:24,330 --> 00:51:27,450
ผมขอแนะนำ houston: admin

910
00:51:27,450 --> 00:51:31,550
>> นี้เป็นชนิดเช่น phpMyAdmin
ชนิดของเครื่องมือสำหรับ MongoDB ของคุณ

911
00:51:31,550 --> 00:51:33,890
นี้จะช่วยให้คุณสามารถแก้ไข
ข้อมูลของคุณได้อย่างง่ายดาย

912
00:51:33,890 --> 00:51:37,950
โดยไม่ต้องไปที่เปลือก Mongo,
เหมือนที่ผมเคยทำมาก่อนหน้านี้ในการสัมมนา

913
00:51:37,950 --> 00:51:43,160

914
00:51:43,160 --> 00:51:47,101
ดังนั้นขณะนี้ที่ที่ทำงานให้ทำงาน
ดาวตกอีกครั้งและดูว่ามีอะไรที่เราสามารถทำได้

915
00:51:47,101 --> 00:51:56,240

916
00:51:56,240 --> 00:52:00,720
>> คุณสังเกตเห็นว่าการเพิ่มแพคเกจบาง
อาจจะมีพวกเขานำเสนอคำเตือนบางอย่าง

917
00:52:00,720 --> 00:52:02,720
คุณจะไม่จำเป็นต้องกังวล
เกี่ยวกับที่กับ houston

918
00:52:02,720 --> 00:52:06,040

919
00:52:06,040 --> 00:52:10,810
ดังนั้นตอนนี้เราสามารถมีตัวเลือก
การกำหนดค่าผู้ดูแลระบบดาวตก

920
00:52:10,810 --> 00:52:15,080
และพวกเขาให้ทิศทาง
ถ้าคุณต้องการที่จะตั้งค่าที่ขึ้น

921
00:52:15,080 --> 00:52:17,750

922
00:52:17,750 --> 00:52:20,440
>> เรายังสามารถไป / admin

923
00:52:20,440 --> 00:52:23,280
นี้จะมาถึงคุณ
โดยแพคเกจ houston

924
00:52:23,280 --> 00:52:27,470
และนี่คือส่วนติดต่อผู้ดูแลดาวตก

925
00:52:27,470 --> 00:52:30,660
คุณเพียงแค่สร้าง
บัญชีผู้ดูแลระบบเช่นดังนั้น

926
00:52:30,660 --> 00:52:38,150
และถ้าคุณรีเฟรชหน้าคุณอาจ
มีคอลเลกชันบางอย่างปรากฏขึ้น

927
00:52:38,150 --> 00:52:40,980

928
00:52:40,980 --> 00:52:43,460
>> มันเป็นเครื่องมือที่มีประโยชน์มาก
และผมขอแนะนำให้มัน

929
00:52:43,460 --> 00:52:46,717

930
00:52:46,717 --> 00:52:49,050
คุณจะเห็นว่าเพราะ
ฮูสตันได้ให้ข้อผิดพลาดบาง

931
00:52:49,050 --> 00:52:52,330
เราไม่ได้มีคอลเลกชันใด ๆ
การแสดงขึ้นในขณะนี้

932
00:52:52,330 --> 00:52:56,800
วิธีที่คุณจะใช้ houston เป็น
ทำให้แน่ใจว่าฟังก์ชั่นนี้ได้รับ

933
00:52:56,800 --> 00:52:58,860
เรียกง่ายทั้งหมดของคุณ

934
00:52:58,860 --> 00:53:01,370
ดังนั้น houston ไม่
รู้ว่าสิ่งที่งานของฉัน

935
00:53:01,370 --> 00:53:04,490
>> เราตั้งค่า Mongo
คอลเลกชันงานที่เรียกว่า

936
00:53:04,490 --> 00:53:11,390
Let 's go เป็นง่ายทั้งหมดและเพียงแค่
ตรวจสอบให้แน่ใจว่าใน JavaScript,

937
00:53:11,390 --> 00:53:16,295
เราได้เพิ่มงานให้กับคอลเลกชันของเรา

938
00:53:16,295 --> 00:53:19,340

939
00:53:19,340 --> 00:53:25,670
เราได้บันทึกไว้ในขณะนี้และจะสร้าง
แอปพลิเคสดชื่น

940
00:53:25,670 --> 00:53:26,750
และขอดู

941
00:53:26,750 --> 00:53:29,090
ตอนนี้เรามีงานบางอย่าง

942
00:53:29,090 --> 00:53:32,630
และเราสามารถเพิ่มงานใหม่บาง

943
00:53:32,630 --> 00:53:35,840
แต่ถ้าเราต้องการที่จะเพิ่มงาน
ขอทำมันได้ด้วยการตรวจสอบตัวเอง

944
00:53:35,840 --> 00:53:39,660

945
00:53:39,660 --> 00:53:41,050
>> ตอนนี้เราสามารถเพิ่มข้อมูลบางอย่าง

946
00:53:41,050 --> 00:53:53,410
สวัสดีนี่เป็นงาน

947
00:53:53,410 --> 00:53:57,080
ดูเหมือนว่าชนิดของแปลกที่
เราไม่ได้เห็นงานใด ๆ

948
00:53:57,080 --> 00:54:00,290

949
00:54:00,290 --> 00:54:05,260
เราอาจจะต้องการตรวจสอบว่าเราได้ใด ๆ
ข้อผิดพลาดที่นี่หรืออาจจะที่อื่น

950
00:54:05,260 --> 00:54:08,810

951
00:54:08,810 --> 00:54:20,260
ถ้าเราไปเป็นผู้ดูแลระบบที่ดูเหมือนว่าแปลก

952
00:54:20,260 --> 00:54:24,080
ถ้าคุณดึงพื้นที่เก็บข้อมูล
หลังจากการสัมมนานี้

953
00:54:24,080 --> 00:54:27,580
ฉันจะให้แน่ใจว่า
ง่ายทั้งหมดทำงานร่วมกับ houston

954
00:54:27,580 --> 00:54:30,370
แต่น่าเสียดายที่มันไม่ได้ดูเหมือนจะ
จะทำงานในขณะนี้

955
00:54:30,370 --> 00:54:34,810

956
00:54:34,810 --> 00:54:37,640
>> มีคำถามอื่น ๆ ?

957
00:54:37,640 --> 00:54:41,800
ฮูสตันปกติ
เครื่องมือที่ทำงานได้เป็นอย่างดี

958
00:54:41,800 --> 00:54:44,510
ฮุสตันโดยเฉพาะเป็นบิต
buggier กว่าคนอื่น ๆ

959
00:54:44,510 --> 00:54:49,470
แต่ฉันขอแนะนำให้มันเมื่อมันทำงาน

960
00:54:49,470 --> 00:54:50,080
ใช่

961
00:54:50,080 --> 00:54:52,395
>> ผู้ชม: คุณสามารถทำอะไร
กับแพคเกจที่ Facebook

962
00:54:52,395 --> 00:54:54,270
ครั้งหนึ่งเคยเป็นผู้ใช้จะเข้าสู่ระบบ
ด้วย Facebook ของพวกเขา?

963
00:54:54,270 --> 00:54:55,978
>> ROGER ZURAWICKI: เมื่อ
ของผู้ใช้เข้าสู่ระบบ

964
00:54:55,978 --> 00:54:59,540
คุณสามารถโทรไปยัง API Facebook

965
00:54:59,540 --> 00:55:02,890
จำนวนมากที่ตั้งอยู่ใน
วิธี Facebook เปิด API ของพวกเขา

966
00:55:02,890 --> 00:55:05,120
ดาวตกให้แน่ใจว่าคุณ
มีการเชื่อมต่อ

967
00:55:05,120 --> 00:55:09,300
แต่ทุกอย่างหลังจากนั้นเป็นเรื่อง
เรียนรู้วิธีการใช้ API Facebook

968
00:55:09,300 --> 00:55:10,216
ผู้ชม: [ไม่ได้ยิน]

969
00:55:10,216 --> 00:55:17,756

970
00:55:17,756 --> 00:55:18,880
ROGER ZURAWICKI: ทั้งหมดขวา

971
00:55:18,880 --> 00:55:21,670
ขอบคุณมากสำหรับ
สัมมนา CS50 ในดาวตก

972
00:55:21,670 --> 00:55:24,060
หากคุณมีคำถามใด ๆ
คุณสามารถส่งอีเมลฉัน

973
00:55:24,060 --> 00:55:28,319
ที่อยู่อีเมลของฉัน
ระบุไว้ด้านล่างสัมมนา

974
00:55:28,319 --> 00:55:30,110
และผมก็ยินดีที่จะ
ตอบคำถามของคุณ

975
00:55:30,110 --> 00:55:33,020
ฉันยังจะเป็นที่
CS50 Hackathon ควร

976
00:55:33,020 --> 00:55:35,550
คุณต้องการความช่วยเหลือกับโครงการดาวตกของคุณ

977
00:55:35,550 --> 00:55:37,650
ขอบคุณสำหรับการรับชม

978
00:55:37,650 --> 00:55:38,816