1
00:00:00,000 --> 00:00:10,632

2
00:00:10,632 --> 00:00:12,340
ALLISON Buchholtz-AU:
ทุกคนที่เหมาะสม

3
00:00:12,340 --> 00:00:13,520
ยินดีต้อนรับกลับไปยังส่วน

4
00:00:13,520 --> 00:00:15,315
มันเป็นส่วนสุดท้ายของเรา

5
00:00:15,315 --> 00:00:16,542
มันเป็นเรื่องน่าเศร้ามาก

6
00:00:16,542 --> 00:00:19,500
ผมไม่ทราบว่าสิ่งที่ฉันจะทำอย่างไร
ไม่เห็นพวกคุณทุกวันจันทร์

7
00:00:19,500 --> 00:00:20,970
ผมคิดว่าเราควร just--
บางทีเราอาจจะเพียงแค่

8
00:00:20,970 --> 00:00:22,710
เจอกันที่นี่และมีอาหารเย็นหรือบางสิ่งบางอย่าง

9
00:00:22,710 --> 00:00:23,270
ฉันไม่รู้

10
00:00:23,270 --> 00:00:24,370
ผมจะนำอาหารแทน

11
00:00:24,370 --> 00:00:26,290
เราก็จะพูดคุย

12
00:00:26,290 --> 00:00:29,900
แต่ใช่สัปดาห์หน้าจะ
เป็นส่วนสุดท้ายของเรา

13
00:00:29,900 --> 00:00:32,390
>> เมื่อทราบว่าคุณมีการตอบคำถามในสัปดาห์ถัดไป

14
00:00:32,390 --> 00:00:35,660
ฉันรู้ว่าฉันลืมที่จะทำของฉันชอบ
สองสัปดาห์ล่วงหน้าแจ้งให้ทราบเมื่อสัปดาห์ที่แล้ว

15
00:00:35,660 --> 00:00:39,140
แต่หวังว่าพวกคุณ
รู้ว่าเรื่องนี้กำลังจะมาถึง

16
00:00:39,140 --> 00:00:42,880
เราหวังว่านี้เป็นหนึ่งในที่ผ่านมา
midterms สำหรับคุณผู้ชายสำหรับภาคการศึกษา

17
00:00:42,880 --> 00:00:46,950
แต่มันจะครอบคลุมทั้งหมด
วัสดุที่เราได้ไปแล้วกว่า

18
00:00:46,950 --> 00:00:50,811
ดังนั้นจึงไม่ชอบคุณก็สามารถลืม
ประมาณสี่ลูปหรือตัวแปร

19
00:00:50,811 --> 00:00:52,560
เพราะเราได้เรียนรู้
ผู้ที่อยู่ในจุดเริ่มต้นที่

20
00:00:52,560 --> 00:00:55,870
เหล่านี้จะเห็นได้ชัด
เกมที่ยุติธรรมสำหรับการทดสอบของคุณ

21
00:00:55,870 --> 00:01:00,150
>> มันจะเป็นรูปแบบเดียวกันเดียวกัน
ความยาวเพื่อให้คุณอยู่แล้วจะใช้มัน

22
00:01:00,150 --> 00:01:02,330
มีไปได้ที่
การเข้ารหัสจากปัญหามือ

23
00:01:02,330 --> 00:01:06,270
บางทีบางเท็จจริง
บางทีบางคำตอบสั้น ๆ

24
00:01:06,270 --> 00:01:08,090
ดังนั้นคุณควรจะเป็น
คุ้นเคยกับรูปแบบ

25
00:01:08,090 --> 00:01:10,940
โดยเฉพาะอย่างยิ่งถ้าคุณใช้
การทดสอบการปฏิบัติ

26
00:01:10,940 --> 00:01:13,950
แต่ที่ผมบอกว่าที่นี่มันเป็น
สะสม แต่เราแน่นอน

27
00:01:13,950 --> 00:01:17,410
จะต้องมุ่งเน้นไปที่
สิ่งที่จากสัปดาห์ที่หกเป็นต้นไป

28
00:01:17,410 --> 00:01:24,050
ดังนั้นเราอาจจะไม่ได้
จะขอให้คุณเกี่ยวกับวิธีการหลายไบต์

29
00:01:24,050 --> 00:01:26,180
อยู่ในแต่ละประเภทหรือ
ทุกประเภทของสิ่งเหล่านั้น,

30
00:01:26,180 --> 00:01:29,730
แต่เราอาจจะเป็น
สนใจในสิ่งที่ต้องการเชื่อมโยงรายการ

31
00:01:29,730 --> 00:01:32,750
หรือโครงสร้างข้อมูลที่แตกต่าง
หรือขั้นตอนวิธีการที่แตกต่างกัน

32
00:01:32,750 --> 00:01:33,960
ที่เราได้พูดคุยเกี่ยวกับ

33
00:01:33,960 --> 00:01:38,990
เพื่อให้แน่ใจว่าคุณจริงๆ
ขึ้นไปบนนั้นและถ้าคุณ

34
00:01:38,990 --> 00:01:41,590
จำเป็นต้องใช้ทรัพยากรใด ๆ
ที่นี่เป็นจำนวนมากของทรัพยากร

35
00:01:41,590 --> 00:01:44,790
ฉันเพียงแค่ให้คุณชนิด
ของรายการที่รวดเร็วมี

36
00:01:44,790 --> 00:01:48,330
>> สัปดาห์ถัดไปจะเป็นแบบทดสอบ
ทบทวนในช่วงเวลานี้

37
00:01:48,330 --> 00:01:52,290
ดังนั้นถ้าคุณมีคำถามใด ๆ
หรือหัวข้อที่เฉพาะเจาะจง

38
00:01:52,290 --> 00:01:56,180
สิ่งที่เฉพาะเจาะจงในการตอบคำถามที่ว่า
คุณต้องการที่จะไปกว่าโปรด

39
00:01:56,180 --> 00:02:01,780
ส่งพวกเขาให้ฉันก่อนเวลาเพื่อที่ฉันสามารถ
ชนิดของการจัดเตรียมวัสดุบางอย่างสำหรับการที่

40
00:02:01,780 --> 00:02:06,310
และนอกเหนือไปจากนี้
การตรวจสอบส่วนที่เราจะ

41
00:02:06,310 --> 00:02:09,616
นอกจากนี้ยังจะถือแน่นอนกว้าง
ทบทวนเหมือนที่เราทำครั้งสุดท้าย

42
00:02:09,616 --> 00:02:11,490
และมันก็เป็นไปได้
ทำโดยคนเดียวกัน

43
00:02:11,490 --> 00:02:13,030
ผมไม่ทราบว่า
ทำให้ดีขึ้นหรือแย่ลง

44
00:02:13,030 --> 00:02:15,670
แต่มันก็เป็นไปได้ฉัน
ฮันนาห์ Davan และเกบอีกครั้ง

45
00:02:15,670 --> 00:02:18,630
ดังนั้นหากคุณต้องการที่จะมาเห็น
เราล้อเล่นทั้งหมดที่มีกันและกัน

46
00:02:18,630 --> 00:02:21,270
และเดินคุณผ่านแบบทดสอบ
การตรวจสอบคุณควรแน่นอน

47
00:02:21,270 --> 00:02:22,600
มาถึงวันจันทร์ถัดไปที่ยัง

48
00:02:22,600 --> 00:02:26,210
ดังนั้นคุณก็จะมีวันจันทร์ที่ติดขัด
บรรจุของการตรวจสอบแบบทดสอบซึ่งเป็นสิ่งที่ดี

49
00:02:26,210 --> 00:02:29,840
แล้วเพราะคุณมีอังคาร
ในการประมวลผลผ่านทุกอย่าง

50
00:02:29,840 --> 00:02:32,230
>> แต่แน่นอนทำตรวจสอบ
ออกทรัพยากรเหล่านี้

51
00:02:32,230 --> 00:02:36,030
Study.csv.net คือโดยไกลฉัน
คิดว่าหนึ่งในประโยชน์มากที่สุด

52
00:02:36,030 --> 00:02:37,990
ส่วนใหญ่เป็นเพราะมันมี
มากรหัสตัวอย่าง

53
00:02:37,990 --> 00:02:40,490
มันมีทุกสิ่งที่น่าพาวเวอร์
กับบันทึกทั้งหมดที่อยู่ในนั้น

54
00:02:40,490 --> 00:02:44,510
ซึ่งเป็นจริงสิ่งที่ฉันวาดมากที่สุด
วัสดุส่วนของฉันจาก

55
00:02:44,510 --> 00:02:47,480
ถ้ามีอะไรในก่อนหน้านี้
ส่วนที่ผมอาจจะส่งออก

56
00:02:47,480 --> 00:02:49,920
ที่คุณอาจไม่ได้
อากาศเพียงแจ้งให้เราทราบ

57
00:02:49,920 --> 00:02:52,520
เช่นเดียวกับโค้ดตัวอย่างในสัปดาห์ที่ผ่านมา
ถ้าใครไม่ได้รับนั้น

58
00:02:52,520 --> 00:02:55,930
เพียงแค่ส่งอีเมลฉันหรือมาพูดคุยกับผม
และฉันจะตรวจสอบให้แน่ใจว่าคุณได้รับว่า

59
00:02:55,930 --> 00:03:02,000
>> ดังนั้นด้วยที่ในวันนี้เราจะไป
ที่จะพูดคุยเกี่ยวกับการใช้งาน JavaScript

60
00:03:02,000 --> 00:03:04,690
ดังนั้นที่นี่เราทอมมี่ว่าผมเป็นใคร
เพียงแค่พูดคุยกับคุณคืนที่ผ่านมา

61
00:03:04,690 --> 00:03:06,670
ฉันรักทอมมี่

62
00:03:06,670 --> 00:03:09,040
JavaScript เป็นที่ชื่นชอบของเขา
ภาษาในขณะที่เขาบอกว่าที่นี่

63
00:03:09,040 --> 00:03:14,050
พวกเขาจะพยายามและบอกคุณว่ามันเป็น
ไม่ได้ดีที่สุดและพวกเขาจะมีความผิด

64
00:03:14,050 --> 00:03:16,510
ดังนั้นทอมมี่เป็นหลัก JavaScript

65
00:03:16,510 --> 00:03:19,850
ฉันไม่ได้ค่อนข้างที่ของเขา
ระดับ แต่ฉันก็ชอบ

66
00:03:19,850 --> 00:03:22,900
"ทอมมี่ฉันจะสอน
เด็กเหล่านี้ใช้งาน JavaScript? "

67
00:03:22,900 --> 00:03:26,700
ดังนั้นผมจึงมีเคล็ดลับบางอย่างเพื่อให้
หวังว่าพวกเขาทำงานออก

68
00:03:26,700 --> 00:03:31,140
>> ดังนั้นสิ่งที่สองที่จะทราบว่าเป็นที่
JavaScript เป็นสคริปต์ฝั่งไคลเอ็นต์

69
00:03:31,140 --> 00:03:35,560
ภาษาดังนั้นในขณะที่ PHP เป็นบางสิ่งบางอย่าง
ที่เราถือว่าฝั่งเซิร์ฟเวอร์เพิ่มเติม

70
00:03:35,560 --> 00:03:39,280
มันจะถูกอัปโหลดไปยังเซิร์ฟเวอร์
รวบรวมและดำเนินการมี

71
00:03:39,280 --> 00:03:42,871
หนึ่งนี้จะถูกดำเนินการ
บนเครื่องของคุณเอง

72
00:03:42,871 --> 00:03:43,370
OK?

73
00:03:43,370 --> 00:03:46,960
ดังนั้นคุณโหลดบางหน้า JavaScript,
และจะรันบนเครื่องของคุณ

74
00:03:46,960 --> 00:03:49,910
ไวยากรณ์จะคล้ายกับ C และ PHP

75
00:03:49,910 --> 00:03:52,490
เรากำลังจะผ่านไป
ตัวอย่างบางส่วนของ JavaScript,

76
00:03:52,490 --> 00:03:56,740
และคุณจะเห็นว่า
วิธีที่เราพูดคุยเกี่ยวกับตัวแปรห่วง

77
00:03:56,740 --> 00:03:58,910
และเงื่อนไขทั้งหมดที่คล้ายกันมาก

78
00:03:58,910 --> 00:04:00,500
OK?

79
00:04:00,500 --> 00:04:04,490
ความจริงที่ว่าพวกเขามีความคล้ายคลึงกันเพื่อให้เป็น
อาจจะเดินทางบางส่วนของคุณ

80
00:04:04,490 --> 00:04:08,529
ขึ้นในบางกรณีเพียงเพราะ
คุณจะนำมารวมกันนิด ๆ หน่อย ๆ ของ C

81
00:04:08,529 --> 00:04:09,570
ที่ไม่ควรจะมี

82
00:04:09,570 --> 00:04:14,130
บางทีคุณอาจจะลองและบางชนิด
เมื่อมันไม่ควรจะพิมพ์

83
00:04:14,130 --> 00:04:16,540
>> และในวันนั้นสิ่งหนึ่งที่
ทราบว่าเป็นที่ใช้งาน JavaScript

84
00:04:16,540 --> 00:04:19,360
เป็นพิมพ์แบบไดนามิก
ภาษาเช่น PHP

85
00:04:19,360 --> 00:04:21,410
ดังนั้นถ้าพวกคุณจำได้
จากส่วนเมื่อสัปดาห์ที่แล้ว

86
00:04:21,410 --> 00:04:23,680
เมื่อเราเป็นชนิดของการทำ
PHP ของเราแน่นอนความผิดพลาด

87
00:04:23,680 --> 00:04:28,860
เราได้เห็นวิธีการหนึ่งสตริงอาจจะ
กลายเป็นหนึ่ง int, และอื่น ๆ

88
00:04:28,860 --> 00:04:31,650

89
00:04:31,650 --> 00:04:34,850
ประเภทของตัวแปรของคุณ
จะถูกกำหนดในเวลาทำงาน

90
00:04:34,850 --> 00:04:38,180
ดังนั้นพวกเขาอาจมีการเปลี่ยนแปลงตลอด
หลักสูตรของโปรแกรม

91
00:04:38,180 --> 00:04:43,109
และในลักษณะเดียวกับที่เราไม่เคย
ประกาศประเภทจริงๆสำหรับตัวแปร PHP,

92
00:04:43,109 --> 00:04:45,900
เรากำลังจะทำแบบเดียวกัน
สิ่งที่นี่ที่เราไม่ได้จริงๆ

93
00:04:45,900 --> 00:04:49,740
ควบคุมประเภทของตัวแปรของเรา
เพื่อที่จะพูดเหมือนที่เราทำใน C.

94
00:04:49,740 --> 00:04:52,200
>> และแล้วสิ่งหนึ่งที่
ที่เป็นเย็นสวยเป็น

95
00:04:52,200 --> 00:04:54,090
ที่คุณสามารถข้อผิดพลาด
ตรวจสอบผ่านทางคอนโซล

96
00:04:54,090 --> 00:04:57,240
ด้วยฟังก์ชั่นที่ยิ่งใหญ่นี้
console.log ซึ่ง

97
00:04:57,240 --> 00:05:00,930
ช่วยให้คุณสามารถพิมพ์ออกมาแตกต่างกัน
ตัวแปรหรือวัตถุที่เราจะ

98
00:05:00,930 --> 00:05:01,750
พูดคุยเกี่ยวกับ

99
00:05:01,750 --> 00:05:05,720
เช่นเดียวกับสัปดาห์ที่ผ่านมาเมื่อฉันถูก
เช่น "ใช้ฟังก์ชั่นนี้" ที่มีการถ่ายโอนข้อมูล

100
00:05:05,720 --> 00:05:10,490
จาก pset นี้คือฟังก์ชั่น
คุณต้องการที่จะใช้ console.log

101
00:05:10,490 --> 00:05:12,860
ผมจึงประหลาดใจหลายวิธี
นักเรียนในเวลาทำการ

102
00:05:12,860 --> 00:05:14,530
ไม่ทราบเกี่ยวกับฟังก์ชั่นการถ่ายโอนข้อมูล

103
00:05:14,530 --> 00:05:19,010
และฉันก็ชอบ "พวกนี้จะ
ทำให้ชีวิตของคุณง่ายขึ้นมาก. "

104
00:05:19,010 --> 00:05:22,960
>> สิทธิทั้งหมดเพื่อให้เป็นชนิดของ
เพียงแค่สิ่งที่สั้น ๆ เช่นเคย

105
00:05:22,960 --> 00:05:24,000
เรามีตัวอย่าง

106
00:05:24,000 --> 00:05:25,600
ฉันรู้ว่าพวกคุณรักคน

107
00:05:25,600 --> 00:05:30,930
ดังนั้นนี่คือตัวอย่างของมาก
ไฟล์ JavaScript ง่ายๆที่นี่

108
00:05:30,930 --> 00:05:34,000
ดังนั้นมันจึงเป็นเพียงจะสร้าง
นี้ป๊อปอัพที่กล่าวว่า

109
00:05:34,000 --> 00:05:36,336
"สวัสดีชาวโลก" เมื่อคุณ
ใส่หน้า แต่ขอ

110
00:05:36,336 --> 00:05:37,960
และพยายามเดินผ่านทางนี้นิด ๆ หน่อย ๆ

111
00:05:37,960 --> 00:05:43,440
ดังนั้นเห็นได้ชัดนี้เป็นเพียง
เช่น index.html ปกติของคุณ

112
00:05:43,440 --> 00:05:50,280
ดังนั้นเพียงแค่แม่แบบปกติของเราที่นี่
และเรามี HTML, เรามีหัวของเรา

113
00:05:50,280 --> 00:05:55,580
และเช่นเดียวกับ CSS, วิธีการที่เรา
รวมถึงบางไฟล์นอกใช่ไหม?

114
00:05:55,580 --> 00:05:59,260
เรามีประเภทสคริปต์
ข้อความที่เป็น JavaScript

115
00:05:59,260 --> 00:06:02,680
และแหล่งที่มาเป็น hello.js,
ซึ่งเป็นลงที่นี่

116
00:06:02,680 --> 00:06:05,630
นี่คือไฟล์ทั้งหมดของ hello.js

117
00:06:05,630 --> 00:06:09,080
แล้วเรามีบางส่วน
ชื่อและ HTML ร่างกายบางส่วน

118
00:06:09,080 --> 00:06:11,050
ว่าเราไม่ได้จริงๆดูแลเกี่ยวกับ

119
00:06:11,050 --> 00:06:15,970
>> สิ่งที่เกิดขึ้นคือเมื่อเราโหลดหน้านี้
โดยอัตโนมัติรันสคริปต์นี้

120
00:06:15,970 --> 00:06:16,470
OK?

121
00:06:16,470 --> 00:06:18,790
ดังนั้นจะใช้งาน JavaScript
ดำเนินการโดยอัตโนมัติ

122
00:06:18,790 --> 00:06:22,860
ดังนั้นสิ่งที่มันจะทำอะไรก็จะ
ที่จะไปทันทีและดำเนินการนี​​้

123
00:06:22,860 --> 00:06:24,110
และมันก็จะพูดว่า "การแจ้งเตือน

124
00:06:24,110 --> 00:06:25,190
สวัสดีชาวโลก. "

125
00:06:25,190 --> 00:06:30,840
ซึ่งการแจ้งเตือนเป็นฟังก์ชันที่
จริงสร้างช่องนี้

126
00:06:30,840 --> 00:06:31,540
OK?

127
00:06:31,540 --> 00:06:33,390
ดังนั้นมันจึงเป็นชนิดของห้อมล้อมทั้งหมด

128
00:06:33,390 --> 00:06:36,700
ไม่มีอะไรพิเศษที่เรามีคือ
จะทำนอกเหนือจากการแจ้งเตือนเพียง

129
00:06:36,700 --> 00:06:40,000
และแล้วสิ่งที่เราต้องการ
ภายในกล่องแจ้งเตือนของเรา

130
00:06:40,000 --> 00:06:40,500
OK?

131
00:06:40,500 --> 00:06:45,080
ดังนั้นนี่เป็นเพียงง่ายสุด
ตัวอย่างของสิ่งที่ใช้งาน JavaScript สามารถทำได้

132
00:06:45,080 --> 00:06:48,110

133
00:06:48,110 --> 00:06:50,070
>> หนึ่งในเย็นจริงๆ
สิ่งที่เราจะเห็น

134
00:06:50,070 --> 00:06:55,150
คือการที่จะช่วยให้คุณใช้งาน JavaScript
เพื่อจัดการกับหน้าเว็บของคุณ

135
00:06:55,150 --> 00:06:57,720
โดยไม่ต้อง
โหลดพวกเขาทุกครั้ง

136
00:06:57,720 --> 00:07:01,830
ดังนั้นถ้าคุณ want-- ตัวอย่างเช่นถ้า
คุณกำลังโฉบเหนือบางสิ่งบางอย่าง

137
00:07:01,830 --> 00:07:04,300
ถ้าพวกคุณเคยมี
เห็นเช่นแถบเมนู

138
00:07:04,300 --> 00:07:07,360
หรือเมื่อคุณเลื่อนไปบางส่วน
หัวข้อเมนูแบบเลื่อนลงจะปรากฏขึ้น

139
00:07:07,360 --> 00:07:08,670
นั่นเป็นเพราะของ JavaScript

140
00:07:08,670 --> 00:07:09,170
OK?

141
00:07:09,170 --> 00:07:12,670
ดังนั้นคุณไม่ได้โหลดทั้งหมด
หน้าจะได้รับเมนูนี้เพื่อแสดงขึ้น

142
00:07:12,670 --> 00:07:17,240
คุณเพียงแค่มองหาบางอย่าง
การกระทำที่ผู้ใช้มีการดำเนินการ

143
00:07:17,240 --> 00:07:21,800
ซึ่งเรียกว่าเหตุการณ์ที่เราจะได้รับ
เป็นและเมื่อคุณเห็นว่าคุณจะพูดว่า

144
00:07:21,800 --> 00:07:25,960
"ตกลงแก้ไขบางสิ่งบางอย่างเกี่ยวกับเรื่องนี้
หน้าและทำให้ดูแตกต่างกัน

145
00:07:25,960 --> 00:07:28,270
แต่แก้ไขสิ่งเหล่านี้เฉพาะ

146
00:07:28,270 --> 00:07:29,690
อย่าโหลดสิ่งที่ทั้ง ".

147
00:07:29,690 --> 00:07:33,110
ดังนั้นมันจึงเป็นจริงมาก nicer และ
คุณไม่ต้องโหลดหน้าเว็บของคุณ

148
00:07:33,110 --> 00:07:34,510
และมันเจ๋งจริงๆ

149
00:07:34,510 --> 00:07:38,270
>> ประกาศตัวแปรดังนั้น
เพื่อให้คุณชนิดของสามารถดู

150
00:07:38,270 --> 00:07:40,530
ฉันใส่อยู่ด้านบนที่นี่พิมพ์อย่างหลวม ๆ

151
00:07:40,530 --> 00:07:42,570
ดังนั้นนี้เป็นอย่างมากเช่น PHP

152
00:07:42,570 --> 00:07:48,770
เราไม่จำเป็นต้องบอก
JavaScript ชนิดเรา

153
00:07:48,770 --> 00:07:50,740
คาดหวังว่าแต่ละตัวแปรเหล่านี้จะเป็น

154
00:07:50,740 --> 00:07:52,560
พวกเขาสามารถเป็นสิ่งที่ประเภทที่เราต้องการ

155
00:07:52,560 --> 00:07:57,480
เพื่อให้คุณทราบในกรณีนี้เราประกาศ
พวกเขามากเพียงแค่ "var"

156
00:07:57,480 --> 00:08:00,990
และแล้วสิ่งที่เราต้องการ
ชื่อตัวแปรของเราที่จะ

157
00:08:00,990 --> 00:08:05,680
สิ่งหนึ่งที่ควรทราบก็คือว่าเมื่อคุณ
ใส่ var หน้าชื่อตัวแปร

158
00:08:05,680 --> 00:08:07,520
มันขอบเขตในประเทศมัน

159
00:08:07,520 --> 00:08:09,320
OK?

160
00:08:09,320 --> 00:08:14,025
มันทั้งหมดที่เหมาะสมสำหรับคุณ
ที่จะสมบูรณ์เพียงแค่ลบ var

161
00:08:14,025 --> 00:08:18,970
และมีเพียง S เท่ากับ CS50 และ
ที่เพิ่งจะเป็นตัวแปรทั่วโลก

162
00:08:18,970 --> 00:08:19,580
OK?

163
00:08:19,580 --> 00:08:22,490
เพื่อให้คุณสามารถเริ่มต้นมันทั้งสองวิธี
ก็ขึ้นอยู่กับว่าคุณต้องการ

164
00:08:22,490 --> 00:08:24,448
ถ้าคุณกำลังเริ่มต้น
ภายในฟังก์ชั่น

165
00:08:24,448 --> 00:08:28,070
และคุณต้องการตัวแปรที่
อยู่ภายในขอบเขตการทำงานนั้น

166
00:08:28,070 --> 00:08:31,620
คุณจะต้องการที่จะทำ
สิ่งที่ชอบ var ชื่อตัวแปร

167
00:08:31,620 --> 00:08:34,270
เมื่อเทียบกับถ้าคุณต้องการมัน
ขอบเขตทั่วโลกคุณ

168
00:08:34,270 --> 00:08:36,240
ก็สามารถทำชื่อของ
ตัวแปรแล้ว

169
00:08:36,240 --> 00:08:38,270
สิ่งที่คุณต้องการจะตั้งค่าเท่ากับ

170
00:08:38,270 --> 00:08:40,230
OK?

171
00:08:40,230 --> 00:08:45,580
>> นี้เป็นชนิดของสิ่งที่เย็นลงที่นี่
เพราะถ้าเราสังเกตตัวแปรของเรา

172
00:08:45,580 --> 00:08:47,590
ขเริ่มออกมาเป็นความจริง

173
00:08:47,590 --> 00:08:51,280
และสิ่งที่ does-- นี้สามารถ
ทุกคนบอกฉันว่านี้ไม่?

174
00:08:51,280 --> 00:08:54,190

175
00:08:54,190 --> 00:08:55,890
ดังนั้นเราจึงมีการแจ้งเตือนบางอย่าง

176
00:08:55,890 --> 00:09:00,156
สิ่งที่จะพิมพ์ของข
จะอยู่ในจุดเริ่มต้น?

177
00:09:00,156 --> 00:09:00,905
ผู้ชม: บูลีน

178
00:09:00,905 --> 00:09:01,330
ALLISON Buchholtz-AU: บูลีน

179
00:09:01,330 --> 00:09:01,940
ขวา

180
00:09:01,940 --> 00:09:07,260
และจากนั้นเรากำหนดข
สตริงนี้ใช่มั้ย?

181
00:09:07,260 --> 00:09:11,170
ดังนั้นแล้วที่นี่สิ่งที่ประเภทของขเป็นอย่างไร

182
00:09:11,170 --> 00:09:12,480
มันต้องการจะเป็นสตริงใช่มั้ย?

183
00:09:12,480 --> 00:09:14,900
ดังนั้นสิ่งที่สำคัญคือการ
แจ้งให้ทราบที่อยู่ในคเรา

184
00:09:14,900 --> 00:09:17,330
สามารถแทบจะไม่เคยทำ
สิ่งที่ต้องการที่

185
00:09:17,330 --> 00:09:22,000
เราจะต้องมีตัวแปร
โยนเป็นอย่างอื่น

186
00:09:22,000 --> 00:09:27,185
อาจจะทำฟังก์ชั่นบางอย่างกับสอง
ฉันไปจากค่าใช้จ่ายในการจำนวนเต็ม

187
00:09:27,185 --> 00:09:31,063
แต่ถ้าเราสังเกตเห็นที่นี่ข
การเปลี่ยนแปลงได้อย่างง่ายดายมากพิมพ์

188
00:09:31,063 --> 00:09:33,760
>> ผู้ชม: รอเพื่อให้คุณสามารถเพียงแค่
จะเป็นเหมือน "ให้ขจำนวนเต็ม?"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON Buchholtz-AU: ใช่

190
00:09:34,360 --> 00:09:36,185
คุณก็สามารถกำหนด b เพื่อจำนวนเต็ม

191
00:09:36,185 --> 00:09:36,910
>> ผู้ชม: จริงเหรอ?

192
00:09:36,910 --> 00:09:38,035
>> ALLISON Buchholtz-AU: ใช่

193
00:09:38,035 --> 00:09:39,810
แล้วมันจะเป็น int

194
00:09:39,810 --> 00:09:43,820
ดังนั้นตัวแปรของคุณสามารถเปลี่ยนแปลงได้ตลอด
แน่นอนของโปรแกรมเกินไป

195
00:09:43,820 --> 00:09:46,410
พวกเขาจะไม่พิมพ์อย่างเคร่งครัด

196
00:09:46,410 --> 00:09:49,180
มันเป็นเรื่องที่พิมพ์อย่างหลวม ๆ

197
00:09:49,180 --> 00:09:50,820
OK?

198
00:09:50,820 --> 00:09:54,820
โดยทั่วไปตัวแปรของคุณสามารถทำสิ่งที่
ที่พวกเขาต้องการในขณะที่เราชนิดของเห็นด้วย PHP

199
00:09:54,820 --> 00:09:59,430
พวกเขาสามารถทำสิ่งที่บ้าบางอย่างเพื่อให้
มันเป็นสิ่งสำคัญที่จะต้องระมัดระวังสวย

200
00:09:59,430 --> 00:10:01,200
ชื่อตัวแปรของคุณได้ดี

201
00:10:01,200 --> 00:10:03,450
ถ้าคุณทำไม่ได้ทั้งหมดในทันที
คุณกำลังจะเป็นเช่น

202
00:10:03,450 --> 00:10:05,783
"รอผมคิดว่านี้คือ
สตริงและตอนนี้ก็ int,

203
00:10:05,783 --> 00:10:08,170
และฉันไม่แน่ใจจริงๆ
สิ่งที่เกิดขึ้นที่นี่. "

204
00:10:08,170 --> 00:10:12,410
ดังนั้นนี่เป็นเพียงตัวอย่างง่ายๆของ
แสดงให้เห็นว่าตัวแปรที่สามารถได้อย่างง่ายดาย

205
00:10:12,410 --> 00:10:15,890
เปลี่ยนชนิดของมันมากกว่า
หลักสูตรของโปรแกรม

206
00:10:15,890 --> 00:10:16,870
>> ตกลง

207
00:10:16,870 --> 00:10:19,200
ดังนั้นควรมีลักษณะ
ซุปเปอร์ซุปเปอร์คุ้นเคย

208
00:10:19,200 --> 00:10:21,510
ดังนั้นเหล่านี้เป็นลูปของเราใน JavaScript

209
00:10:21,510 --> 00:10:27,780
พวกเขาจะตรงเดียวกันยกเว้น
แทนที่จะเป็นสี่ int ฉันเท่ากับศูนย์

210
00:10:27,780 --> 00:10:30,470
เราก็อาจจะบอกว่าฉัน var เท่ากับศูนย์

211
00:10:30,470 --> 00:10:34,100
และจากนั้นเราจะมีการจัดเรียงเดียวกันของเรา
สภาพแบบเดียวกับการปรับปรุง

212
00:10:34,100 --> 00:10:36,090
i บวกบวกทำงานได้ดี

213
00:10:36,090 --> 00:10:39,800
ดังนั้นสี่เหมือนกัน
whiles เหมือนกัน

214
00:10:39,800 --> 00:10:41,440
และไม่ whiles จะตรงเดียวกัน

215
00:10:41,440 --> 00:10:44,070
แบบเดียวกับรูปแบบทั่วไป

216
00:10:44,070 --> 00:10:48,840
เราสังเกตเห็นสี่วงเล็บ
วงเล็บก็เหมือนกันทั้งหมด

217
00:10:48,840 --> 00:10:51,470
นอกจากนี้จะมีเครื่องหมายอัฒภาค
เมื่อเราได้รับโค้ดตัวอย่างเช่น

218
00:10:51,470 --> 00:10:55,250
คุณจะเห็นมันสวย
มากเช่นเดียวกับค

219
00:10:55,250 --> 00:10:59,770
>> สำหรับการประกาศฟังก์ชั่น
อีกครั้งที่คล้ายกันมาก

220
00:10:59,770 --> 00:11:05,100
เรามีฟังก์ชั่นบางอย่างที่เพียงแค่
บอกว่ามันเป็นหน้าที่แล้ว

221
00:11:05,100 --> 00:11:07,660
ชื่อของเรา
ฟังก์ชั่นและปัจจัยการผลิต

222
00:11:07,660 --> 00:11:11,590
และอีกครั้งถ้าเราสังเกตเห็นเรา
มีชนิดที่นี่ไม่มี แต่อย่างใด

223
00:11:11,590 --> 00:11:12,090
ใช่มั้ย?

224
00:11:12,090 --> 00:11:18,150
เราไม่มีอะไรบอกว่าสิ่งเหล่านี้
จะต้องมีการ ints หรือคู่หรือลอย

225
00:11:18,150 --> 00:11:19,530
พวกเขาอาจจะเป็นสิ่งที่พวกเขาต้องการ

226
00:11:19,530 --> 00:11:23,560
สิ่งที่สำคัญคือสังเกตเห็นว่า
เราจำเป็นต้องเขียนฟังก์ชันก่อน

227
00:11:23,560 --> 00:11:26,430
ที่จะปล่อยให้ใช้งาน JavaScript รู้ว่า
นี้เป็นจริงฟังก์ชั่น

228
00:11:26,430 --> 00:11:29,820
>> ดังนั้นนี้เป็นเพียงบางส่วนจำนวนเงินที่ง่าย
ฟังก์ชั่นที่ส่งกลับ x หรือ y,

229
00:11:29,820 --> 00:11:33,800
และแล้วสิ่งที่ยังเป็นเย็น
คือการที่คุณสามารถจริง

230
00:11:33,800 --> 00:11:35,950
กำหนดฟังก์ชั่นให้กับตัวแปร

231
00:11:35,950 --> 00:11:41,770
ดังนั้นในกรณีนี้รวมอยู่ในขณะนี้
ฟังก์ชั่นที่ไม่จริงผลรวม

232
00:11:41,770 --> 00:11:47,740
ดังนั้นถ้าคุณสังเกตเห็นที่นี่เรามี
ฟังก์ชั่นชื่อของฟังก์ชั่นปัจจัยการผลิต

233
00:11:47,740 --> 00:11:48,860
ใช่มั้ย?

234
00:11:48,860 --> 00:11:52,120
ที่นี่เราก็มีฟังก์ชั่นและปัจจัยการผลิต

235
00:11:52,120 --> 00:11:54,310
ดังนั้นนี้จะเรียกว่าฟังก์ชั่นที่ไม่ระบุชื่อ

236
00:11:54,310 --> 00:11:59,265
และนี่คือสิ่งที่ควรจะใหม่
ส่วนใหญ่ของพวกคุณ, ถ้าไม่ทั้งหมดของคุณ

237
00:11:59,265 --> 00:12:01,140
ดังนั้นโดยทั่วไปสิ่งที่
วิธีการคือการที่เราทำไม่ได้

238
00:12:01,140 --> 00:12:03,050
ต้องชื่อของเรา
ฟังก์ชั่นในกรณีนี้

239
00:12:03,050 --> 00:12:06,260
เราก็สามารถพูดว่า "ต​​กลงฉันจะ
มีฟังก์ชั่นที่รันนี่

240
00:12:06,260 --> 00:12:08,550
เป็นปัจจัยการผลิตของตนและที่นี่
สิ่งที่มันจะทำ. "

241
00:12:08,550 --> 00:12:12,540
และโดยเฉพาะอย่างยิ่งเมื่อคุณกำลังกำหนด
ฟังก์ชั่นให้กับตัวแปรบาง

242
00:12:12,540 --> 00:12:14,950
ว่าคุณกำลังจะไปจัดการ
คุณไม่จำเป็นต้อง

243
00:12:14,950 --> 00:12:17,116
ต้องตั้งชื่อมันเพราะ
คุณกำลังจะได้รับหมาย

244
00:12:17,116 --> 00:12:20,990
ได้โดยตัวแปรนี้
ชื่อไม่ได้โดยสิ่งที่

245
00:12:20,990 --> 00:12:22,840
ฟังก์ชั่นที่เรียกว่าจริง

246
00:12:22,840 --> 00:12:23,550
OK?

247
00:12:23,550 --> 00:12:27,810
>> ดังนั้นหากเราดูที่นี่เรา
มีบางผลรวมตัวแปรในขณะนี้

248
00:12:27,810 --> 00:12:30,920
ที่เท่ากับ
ผลรวมของสามและห้า

249
00:12:30,920 --> 00:12:33,070
และเราจะได้รับนี้

250
00:12:33,070 --> 00:12:36,750
และนี่ก็จะมีการแจ้งเตือนบางอย่าง
สามบวกห้าเท่ากับจำนวน

251
00:12:36,750 --> 00:12:43,950
บวกเพียงแค่นี้ก็จะเชื่อม
สิ่งที่เป็นคำตอบของเราบนสตริง

252
00:12:43,950 --> 00:12:47,420
นอกจากนี้เย​​็นรวมทั้งสามารถเชื่อมสตริง

253
00:12:47,420 --> 00:12:53,510
>> สำหรับ JavaScript, เช่นเดียวกับ PHP,
HTML, CSS และในขณะที่เรากล่าวว่า

254
00:12:53,510 --> 00:12:56,450
เป็นจำนวนมากนั้นเรากำลังชนิดของการ
ล้อการฝึกอบรมลงที่นี่

255
00:12:56,450 --> 00:13:02,030
และพวกคุณมีจำนวนมากของความรู้
วิธีการจริงๆเข้าใจสิ่งเหล่านี้

256
00:13:02,030 --> 00:13:04,280
พวกเขากำลังแตกต่างกันเล็กน้อย
แต่พวกเขาไม่ได้ต่างประเทศดังนั้น

257
00:13:04,280 --> 00:13:09,460
และการที่คุณไม่สามารถสิ่งที่ Google หรือ
มองพวกเขาออนไลน์กับโรงเรียน w3

258
00:13:09,460 --> 00:13:12,755
และเราคาดหวังว่าคุณจริงๆ
คนที่จะชนิดของการทดลอง

259
00:13:12,755 --> 00:13:14,400
และเรียนรู้ด้วยตัวคุณเอง

260
00:13:14,400 --> 00:13:19,490
ดังนั้นฉันรู้ว่านี้อาจจะดูเล็ก ๆ น้อย ๆ
อย่างละเอียดน้อยกว่าบางส่วนของสิ่งที่ค

261
00:13:19,490 --> 00:13:21,936
ที่เราทำ แต่ที่จริงด้วยเหตุผล

262
00:13:21,936 --> 00:13:25,060

263
00:13:25,060 --> 00:13:28,470
แต่หวังว่ามันไม่เกินไป
ที่แตกต่างกันและก็ไม่ได้ครอบงำ

264
00:13:28,470 --> 00:13:31,940
>> ดังนั้นอาร์เรย์ใน JavaScript,
อีกมากที่คล้ายกันมาก

265
00:13:31,940 --> 00:13:32,460
ใช่มั้ย?

266
00:13:32,460 --> 00:13:36,520
เรามีอาร์เรย์ตัวแปร
ที่เท่ากับวงเล็บที่ว่างเปล่า

267
00:13:36,520 --> 00:13:40,340
และนั่นเป็นเพียงอาร์เรย์ที่ว่างเปล่า

268
00:13:40,340 --> 00:13:43,420
นี้มักจะเรียกว่า
สัญกรณ์อาเรย์ที่แท้จริง

269
00:13:43,420 --> 00:13:45,280
นั่นเป็นเพียงสิ่งหนึ่งที่เราเรียกว่า

270
00:13:45,280 --> 00:13:51,380
ถ้าเราเห็นอาร์เรย์สองที่นี่เรามีบางส่วน
อาร์เรย์ตัวอักษรที่มีสามองค์ประกอบ

271
00:13:51,380 --> 00:13:51,910
ใช่มั้ย?

272
00:13:51,910 --> 00:13:54,640
แล้วเรามีบางส่วน
var องค์ประกอบที่สามที่

273
00:13:54,640 --> 00:13:58,060
ตัวแปรบางอย่างที่เป็นเพียง
ไปถือสตริงนี้ JS

274
00:13:58,060 --> 00:14:01,760

275
00:14:01,760 --> 00:14:06,170
>> องค์ประกอบที่ดีที่จะแจ้งให้ทราบล่วงหน้า
จะถูกคั่นด้วยเครื่องหมายจุลภาค

276
00:14:06,170 --> 00:14:07,740
เช่นเดียวกับที่เราคาดว่าจะได้

277
00:14:07,740 --> 00:14:14,630
และคุณยังสามารถเข้าถึงเหล่านี้ที่เราได้
ใน C ที่มีสัญกรณ์ดัชนีนี้ใช่มั้ย?

278
00:14:14,630 --> 00:14:16,950
จึงแตกต่างจาก PHP
ตอนนี้เรากำลังจะกลับมา

279
00:14:16,950 --> 00:14:20,180
เพียงแค่ชนิดของหมาย
สิ่งโดยดัชนี

280
00:14:20,180 --> 00:14:22,189
เช่นเดียวกับซีก็ยังเป็นศูนย์ดัชนี

281
00:14:22,189 --> 00:14:25,230
ฉันรู้สึกเหมือนมันจะโหดร้ายจริงๆ
ถ้าพวกเขาก็ทำ JavaScript หนึ่ง

282
00:14:25,230 --> 00:14:30,630
ดัชนีและคุณได้อย่างสมบูรณ์
คิดใหม่ว่าคุณคิดเกี่ยวกับอาร์เรย์

283
00:14:30,630 --> 00:14:36,140
>> สิ่งหนึ่งที่น่าสนใจคือว่าแทนที่จะ
ต้อง do-- ถ้าคุณเคย

284
00:14:36,140 --> 00:14:39,240
ต้องการความยาวของอาร์เรย์,
บางทีคุณอาจจะย้ำผ่านมัน

285
00:14:39,240 --> 00:14:43,430
จนกว่าคุณจะพบปลายบางส่วนหรือ
คุณก็จะได้รู้ว่าสิ่งที่มันเป็น

286
00:14:43,430 --> 00:14:49,310
เพราะใช้งาน JavaScript หลวมมากใน
วิธีกว่าชนิดเพียงแค่ที่เราเห็นที่นี่

287
00:14:49,310 --> 00:14:53,310
เราก็สามารถทำให้อาร์เรย์นี้
ที่ใหญ่กว่าเพราะเราตัดสินใจที่จะ

288
00:14:53,310 --> 00:14:56,177
ถ้าเราสังเกตอาร์เรย์สาม
มีสามสิ่งที่จะเริ่มต้น

289
00:14:56,177 --> 00:14:58,510
แต่แล้วทั้งหมดในทันที
เราชอบ "โอ้แค่ล้อเล่น

290
00:14:58,510 --> 00:15:01,370
เรากำลังจะจริง
ที่จะทำให้มัน 101 สิ่งที่. "

291
00:15:01,370 --> 00:15:05,300
ดังนั้นหากคุณเคยต้องการที่จะรู้ว่า
ระยะเวลาที่เกิดขึ้นจริงของอาเรย์ของคุณ

292
00:15:05,300 --> 00:15:06,680
คุณทำมันได้เช่นนี้

293
00:15:06,680 --> 00:15:10,470
และเรากำลังจะไปดูจำนวนมาก
สัญกรณ์ในตัวอย่างนี้

294
00:15:10,470 --> 00:15:12,730
แต่ด้วย JavaScript
ก็มักสิ่งที่

295
00:15:12,730 --> 00:15:16,410
วัตถุที่คุณกำลังพูดถึง
จุดสิ่งที่ชนิดของฟังก์ชั่น

296
00:15:16,410 --> 00:15:17,740
คุณต้องการนำไปใช้กับมัน

297
00:15:17,740 --> 00:15:18,240
OK?

298
00:15:18,240 --> 00:15:20,520
>> ดังนั้นในกรณีนี้ของเรา
วัตถุที่เป็นอาร์เรย์สอง

299
00:15:20,520 --> 00:15:23,470
และเราบอกว่าเราต้องการ
ความยาวของแถวสอง

300
00:15:23,470 --> 00:15:25,716
ดังนั้นเพียงแค่นี้เรียกเช่นความยาวที่

301
00:15:25,716 --> 00:15:27,090
และที่จะกลับมามีความยาวของคุณ

302
00:15:27,090 --> 00:15:32,610

303
00:15:32,610 --> 00:15:36,790
นอกจากนี้สิ่งที่ควรทราบก็คือ
ว่าถ้าเราสังเกตอาร์เรย์ของเรา

304
00:15:36,790 --> 00:15:39,830
ซึ่งแตกต่างจากซีพวกเขาไม่ได้
ว่าเป็นข้อมูลที่เป็นประเภทเดียวกัน

305
00:15:39,830 --> 00:15:41,670
นี้เป็นมากขึ้นเช่น PHP

306
00:15:41,670 --> 00:15:45,905
JavaScript เป็นพื้นเช่นเดียวกับ
นี้ meld ที่น่าสนใจของ C และ PHP

307
00:15:45,905 --> 00:15:50,020

308
00:15:50,020 --> 00:15:52,170
ดังนั้นเราจะได้รับเป็นที่

309
00:15:52,170 --> 00:15:56,750
สำหรับตอนนี้ขอเพียงแค่สมมติ
ที่อาร์เรย์ของคุณมีพื้น

310
00:15:56,750 --> 00:16:00,640
เช่นอาร์เรย์ C ในการที่
พวกเขาจะเป็นศูนย์การจัดทำดัชนี

311
00:16:00,640 --> 00:16:04,120
ตกลงเพื่อให้เป็นทุกอย่าง

312
00:16:04,120 --> 00:16:08,850
คุณยังสามารถขยาย
อาร์เรย์ดัชนีสิ่งที่คุณต้องการ

313
00:16:08,850 --> 00:16:14,260
ในขณะนี้อาจจะ SEG
ผิดกับคุณหรือให้ข้อผิดพลาดบางอย่าง

314
00:16:14,260 --> 00:16:15,970
JavaScript เป็นเช่น "nah ก็ปรับ

315
00:16:15,970 --> 00:16:16,620
ผมได้รับนี้

316
00:16:16,620 --> 00:16:19,460
เราก็จะไปตรง
ที่คุณต้องการ. "

317
00:16:19,460 --> 00:16:24,310
>> ตกลงดังนั้นวัตถุที่มีความสำคัญมาก

318
00:16:24,310 --> 00:16:29,720
พวกคุณจะใช้จำนวนมากเหล่านี้
อยู่ในชุด P ของคุณถ้าผมจำไม่ผิด

319
00:16:29,720 --> 00:16:34,780
ดังนั้นสิ่งที่เหล่านี้
คล้ายกับใน C มี structs

320
00:16:34,780 --> 00:16:39,290
ดังนั้นคุณสามารถคิด about-- เมื่อ
เราไปตัวอย่างเช่นขวา

321
00:16:39,290 --> 00:16:41,810
หลังจากนี้ผมคิดว่ามันจะ
ให้มากขึ้น sense--

322
00:16:41,810 --> 00:16:45,830
แต่เราโดยทั่วไปใช้วัตถุที่จะ
จัดระเบียบแน่นอนข้อมูลที่เกี่ยวข้อง

323
00:16:45,830 --> 00:16:47,780
เมื่อเราพูดคุยเกี่ยวกับ
structs ใน C เรามักจะ

324
00:16:47,780 --> 00:16:53,405
พูดคุยเกี่ยวกับนักเรียนที่มีชื่อบาง
ID บ้านคุณรู้ว่าความเข้มข้น

325
00:16:53,405 --> 00:16:56,030
และนั่นคือชนิดของสิ่งเดียวกัน
ที่เราใช้วัตถุสำหรับที่นี่

326
00:16:56,030 --> 00:16:59,300
มันเป็นเพียงแค่การจัดระเบียบ
ข้อมูลที่คล้ายคลึงกัน

327
00:16:59,300 --> 00:17:03,620
>> นอกจากนี้คุณยังสามารถคิดเหล่านี้เป็นมากขึ้น
คล้ายกับการเชื่อมโยงอาร์เรย์ใน PHP

328
00:17:03,620 --> 00:17:10,010
ดังนั้นนี้จะเป็นชนิดของสิ่ง
ที่เรามีที่สำคัญบางอย่างที่มีค่าบางอย่าง

329
00:17:10,010 --> 00:17:12,859
คล้ายกับ PHP

330
00:17:12,859 --> 00:17:15,780
เพื่อให้คุณสามารถเริ่มต้นบางอย่าง
วัตถุที่ว่างเปล่าที่เราเห็นขึ้นที่นี่

331
00:17:15,780 --> 00:17:17,390
เพียงกับวงเล็บปีกกา

332
00:17:17,390 --> 00:17:19,160
ดังนั้นอาร์เรย์มีวงเล็บ

333
00:17:19,160 --> 00:17:21,220
วัตถุที่ว่างเปล่ามีวงเล็บปีกกา

334
00:17:21,220 --> 00:17:24,020
ความแตกต่างที่ดีที่จะมี

335
00:17:24,020 --> 00:17:27,319
และสิ่งเหล่านี้เป็นเพียงสองที่แตกต่างกัน
วิธีการที่จะตั้งค่าคุณสมบัติ

336
00:17:27,319 --> 00:17:31,460
ดังนั้นนี้เป็นชนิดของ
อื่น ๆ อีกมากมายจากทางที่

337
00:17:31,460 --> 00:17:35,220
จะคล้ายกับ PHP กับเรา
เชื่อมโยงอาร์เรย์ที่มีคีย์ของเรา

338
00:17:35,220 --> 00:17:39,910
และมูลค่าของเราในขณะที่
หนึ่งคุณจะเป็นเท่าไหร่นี้

339
00:17:39,910 --> 00:17:41,920
เห็นนี้มากขึ้นใน JavaScript

340
00:17:41,920 --> 00:17:43,550
นี้มีแนวโน้มที่จะประชุม

341
00:17:43,550 --> 00:17:47,660
และในลักษณะเดียวกับที่เราทำ
อาร์เรย์สองระยะเวลาในจุดนี้ไม่ว่าจะเป็น

342
00:17:47,660 --> 00:17:51,580
"ตกลงให้ฉันนี้
แอตทริบิวต์ของว​​ัตถุนี้. "

343
00:17:51,580 --> 00:17:52,110
ใช่มั้ย?

344
00:17:52,110 --> 00:17:55,660
ดังนั้นวิธีเดียวกับที่มันเป็นเหมือน "ให้ฉัน
ความยาวแอตทริบิวต์ของอาร์เรย์สอง "

345
00:17:55,660 --> 00:17:59,970
นี้จะบอกว่า "ให้ฉันบาง
ทรัพย์สินของวัตถุที่ว่างเปล่าของเรา. "

346
00:17:59,970 --> 00:18:02,890
หรือในกรณีนี้เรามี
กำหนดเป็นค่าบางอย่างที่นี่

347
00:18:02,890 --> 00:18:06,200
แต่คุณยังสามารถเข้าถึงมันเป็นอย่างนั้น

348
00:18:06,200 --> 00:18:09,090
>> และแล้วที่นี่เป็นเพียง
แสดงการแจ้งเตือนที่แตกต่างกันสอง

349
00:18:09,090 --> 00:18:12,320
ดังนั้นนี้จะแสดงการแจ้งเตือน
จะเหมือนกันแน่นอน

350
00:18:12,320 --> 00:18:17,150
มันเป็นเพียงแค่สองวิธีที่แตกต่างกันของ
การเข้าถึงองค์ประกอบที่เราต้องการ

351
00:18:17,150 --> 00:18:19,552
ไม่ว่าทำให้ความรู้สึกที่ทุกคนหรือไม่

352
00:18:19,552 --> 00:18:21,510
ฉันรู้สึกเช่นนี้
อาจจะทำให้ความรู้สึกมากขึ้น

353
00:18:21,510 --> 00:18:23,270
เพียงเพราะเรากำลังออกมาจากของ PHP

354
00:18:23,270 --> 00:18:26,400
แต่ที่เราทำตัวอย่างนี้
เป็นตัวอักษรตรงเดียวกัน

355
00:18:26,400 --> 00:18:28,170
มากของมันคือการเปลี่ยนแปลงเพียงในไวยากรณ์

356
00:18:28,170 --> 00:18:30,710

357
00:18:30,710 --> 00:18:33,030
>> ตกลงดังนั้นตัวอย่าง

358
00:18:33,030 --> 00:18:34,180
ฉันรักตัวอย่าง

359
00:18:34,180 --> 00:18:40,070
ดังนั้นนี่คือบาง CS50
ตัวแปรที่เป็นวัตถุ

360
00:18:40,070 --> 00:18:42,160
และเราเก็บทั้งหมดนี้
ข้อมูลเกี่ยวกับเรื่องนี้

361
00:18:42,160 --> 00:18:46,680
ดังนั้นเราจึงมีหลักสูตรที่สอน
TFS, psets และบันทึกเทป

362
00:18:46,680 --> 00:18:51,840
ดังนั้นเราจึงสังเกตเห็นเหล่านี้เป็นเกือบ
ทุกประเภทที่แตกต่างกัน

363
00:18:51,840 --> 00:18:52,340
ใช่มั้ย?

364
00:18:52,340 --> 00:18:56,230
ดังนั้นวัตถุที่สามารถจัดเก็บ
ลักษณะของประเภทที่แตกต่างกัน

365
00:18:56,230 --> 00:19:01,220
เราอาจจะคิดว่าเจ้านี่มันมาก
คล้ายกับอาเรย์ของเราใน PHP

366
00:19:01,220 --> 00:19:07,470
ที่สำคัญดังนั้นค่าที่สำคัญค่า
ที่สำคัญค่าอื่น ๆ และอื่น ๆ

367
00:19:07,470 --> 00:19:11,230
มีอะไรที่น่าสนใจในลักษณะเดียวกัน
ว่าเราสามารถมีอาร์เรย์ภายในอาร์เรย์

368
00:19:11,230 --> 00:19:14,690
เรายังสามารถมีวัตถุภายใน
วัตถุหรือวัตถุภายในอาร์เรย์

369
00:19:14,690 --> 00:19:18,410
คุณไม่เคย จำกัด จริงๆ
เพียงหนึ่งเดียวของสิ่งที่

370
00:19:18,410 --> 00:19:24,220
เราจะได้รับ Inceptionesque มากเพียง
ให้ไปลงหลุมกระต่ายมี

371
00:19:24,220 --> 00:19:26,080
>> ดังนั้นหากเราสังเกตเห็นเรา
มีบางอย่างที่แน่นอน

372
00:19:26,080 --> 00:19:31,120
เป็นสตริงสอนที่สตริง
และอาเรย์, int และบูลีน

373
00:19:31,120 --> 00:19:36,110
ดังนั้นทุกสิ่งที่แตกต่างกันเหล่านี้

374
00:19:36,110 --> 00:19:39,600
>> สิทธิทั้งหมดเพื่อให้เรามีอีกคนหนึ่ง

375
00:19:39,600 --> 00:19:42,930
ดังนั้นในกรณีนี้เรามี
อาร์เรย์ของว​​ัตถุ

376
00:19:42,930 --> 00:19:45,320
ดังนั้นเพียงแค่ชอบวัตถุ
สามารถมีอาร์เรย์ในนั้น

377
00:19:45,320 --> 00:19:47,210
นอกจากนี้เรายังสามารถมีอาร์เรย์ของว​​ัตถุ

378
00:19:47,210 --> 00:19:51,250
นี้อาจเป็นประโยชน์กับ
คิดเกี่ยวกับที่คล้ายกับชนิด

379
00:19:51,250 --> 00:19:54,260
ของการที่เรามีกัญชา
ตารางเรามีอาร์เรย์

380
00:19:54,260 --> 00:19:56,220
ทั้งหมดเหล่านี้แตกต่างกัน
ประเภท structs ว่า

381
00:19:56,220 --> 00:19:59,070
เป็นตัวชี้ไปยังที่แตกต่างกัน
โหนดและ whatnot

382
00:19:59,070 --> 00:20:01,420
แต่ในกรณีนี้เรา
มีอาร์เรย์ของว​​ัตถุ

383
00:20:01,420 --> 00:20:04,890
ดังนั้นนี้เป็นเหมือนอาร์เรย์
เชื่อมโยงอาร์เรย์ของ

384
00:20:04,890 --> 00:20:09,430
ดังนั้นเราจึงมีบางองค์ประกอบแรกจะ
เป็นวัตถุที่มีชื่อเจมส์

385
00:20:09,430 --> 00:20:11,340
และบ้านวิน

386
00:20:11,340 --> 00:20:14,780
>> พวกคุณอาจจำ
อะไรบางอย่างที่คล้ายกันนี้

387
00:20:14,780 --> 00:20:21,710
กับ pset สุดท้ายของคุณที่ถ้าคุณ
ดึงบางสิ่งบางอย่างจากฐานข้อมูลของคุณ

388
00:20:21,710 --> 00:20:24,480
เรียงลำดับแรกของ
สิ่งที่อยู่ในอาเรย์ของคุณ

389
00:20:24,480 --> 00:20:27,110
ข้อมูลทั้งหมดที่เกี่ยวกับ
ผู้ใช้คนแรกที่ได้พบมัน

390
00:20:27,110 --> 00:20:30,765
และจากนั้นคุณจะต้องเป็นดัชนีที่
ที่จะได้รับหุ้นหรือแคชของพวกเขา

391
00:20:30,765 --> 00:20:32,110
หรือ whatnot

392
00:20:32,110 --> 00:20:34,620
ดังนั้นนี้เป็นอย่างมากเช่นเดียวกัน
สิ่งที่เพียงแค่มีการเปลี่ยนแปลงเล็กน้อย

393
00:20:34,620 --> 00:20:39,570
ในไวยากรณ์การเปลี่ยนแปลงเล็กน้อยใน
คำที่เราใช้ในการอธิบายให้พวกเขา

394
00:20:39,570 --> 00:20:45,960
>> ดังนั้นหากเราต้องการทุกคนสามารถบอก
ฉันว่าการแจ้งเตือนนี้จะทำที่นี่?

395
00:20:45,960 --> 00:20:48,780
หรือสิ่งที่บิตนี้
รหัสจะทำอย่างไรกับเรา?

396
00:20:48,780 --> 00:20:50,992

397
00:20:50,992 --> 00:20:52,616
ผู้ชม: มันจะทำให้คุณมีรายชื่อทั้งหมด

398
00:20:52,616 --> 00:20:54,900
ALLISON Buchholtz-AU: ขวาจึง
ก็จะแจ้งเตือนที่มีชื่อทั้งหมด

399
00:20:54,900 --> 00:20:57,960
เพราะมันจะผ่านไป
กระท่อมฉันจึงจะเริ่มต้นที่ศูนย์

400
00:20:57,960 --> 00:21:01,330
ดังนั้นจึงอยากบอกว่าโอเคเรากำลังมองหา
วัตถุนี้เป็นครั้งแรกที่

401
00:21:01,330 --> 00:21:03,210
เป็นช่องแรกในอาร์เรย์ของเรา

402
00:21:03,210 --> 00:21:06,900
และมันก็บอกว่า "ให้ฉัน
แอตทริบิวต์ชื่อของวัตถุที่. "

403
00:21:06,900 --> 00:21:09,030
ดังนั้นเราจึงไปที่นี่เราต้องการ
สแกนเราต้องการหาชื่อ

404
00:21:09,030 --> 00:21:11,340
และเราต้องการพิมพ์ออกมา
เจมส์มอลลี่และคาร์ล

405
00:21:11,340 --> 00:21:14,410

406
00:21:14,410 --> 00:21:15,799
คำถามใด ๆ เพื่อให้ห่างไกล?

407
00:21:15,799 --> 00:21:17,590
จาวาสคริปต์ที่น่าเสียดาย
คุณกำลังจะเป็น

408
00:21:17,590 --> 00:21:20,950
ทำมากของการมองขึ้นไปบนของคุณ
ตัวเองหาไวยากรณ์

409
00:21:20,950 --> 00:21:21,910
การต่อสู้กับมัน

410
00:21:21,910 --> 00:21:25,870
แต่แน่นอนฉันเสมอที่นี่
สำนักงานชั่วโมงอยู่เสมอที่นี่

411
00:21:25,870 --> 00:21:28,260
ผมอาจจะมีในวันอังคารในสัปดาห์นี้

412
00:21:28,260 --> 00:21:31,050
ดังนั้นหากคุณมีคุณสามารถ
มาเยี่ยมผมในสัปดาห์นี้

413
00:21:31,050 --> 00:21:32,470
มันต้องการจะดี

414
00:21:32,470 --> 00:21:36,260
>> ตกลงดังนั้น DOM เป็นรูปแบบเอกสารวัตถุ

415
00:21:36,260 --> 00:21:38,900
ดังนั้นนี่เป็นเพียงวิธีการ
ว่าเราชอบที่จะคิด

416
00:21:38,900 --> 00:21:45,720
เกี่ยวกับ HTML และวิธีการทุกอย่างของเรา
ภายในมีการจัดระเบียบ

417
00:21:45,720 --> 00:21:49,930
นี่คือสิ่งที่มากว่า
อาจจะเกิดขึ้นในการทดสอบของคุณ

418
00:21:49,930 --> 00:21:58,150
ฉันรู้ว่าปีของฉันมันเป็นเหมือนที่นี่
ไฟล์ HTML กรอก DOM สำหรับมัน

419
00:21:58,150 --> 00:21:59,770
และคุณเพียงแค่กรอกข้อมูลลงในสิ่งเล็ก ๆ น้อย

420
00:21:59,770 --> 00:22:01,500
เหล่านี้ควรเป็นจุดที่ง่ายหวังว่า

421
00:22:01,500 --> 00:22:03,450
หวังว่าคุณจะดูหน่อย

422
00:22:03,450 --> 00:22:04,590
>> ผู้ชม: [ไม่ได้ยิน]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON Buchholtz-AU: ดังนั้น
คุณจะเห็นต้นไม้ต้นนี้ที่นี่?

424
00:22:06,660 --> 00:22:07,200
>> ผู้ชม: ใช่

425
00:22:07,200 --> 00:22:08,949
>> ALLISON Buchholtz-AU:
ดังนั้นพวกเขาจะขอให้ใช้

426
00:22:08,949 --> 00:22:11,750
เพื่อเติมเต็มในสิ่งที่จะไปอยู่ภายใต้ร่างกาย

427
00:22:11,750 --> 00:22:15,770
บางทีภายใต้ร่างกายเรามีบาง
divs หรือเรามีย่อหน้าบาง

428
00:22:15,770 --> 00:22:19,160
และเราจะขอให้คุณกรอกข้อมูลลงใน
ต้นไม้อย่างมากเช่นนี้

429
00:22:19,160 --> 00:22:21,440
ดังนั้นเราจะเดินผ่านมัน

430
00:22:21,440 --> 00:22:26,120
ดังนั้นเอกสารวัตถุ
รุ่นเป็นเพียงวิธีการ

431
00:22:26,120 --> 00:22:31,240
โครงสร้างและคิดว่า
เกี่ยวกับ HTML ของเราชัดเจน

432
00:22:31,240 --> 00:22:33,860

433
00:22:33,860 --> 00:22:35,840
และเมื่อเราได้รับ
เป็น JavaScript เพิ่มเติม

434
00:22:35,840 --> 00:22:37,640
มันเป็นไปได้
วิธีการที่เราจริง

435
00:22:37,640 --> 00:22:39,990
จัดการที่แตกต่างกัน
องค์ประกอบบนหน้าเว็บ

436
00:22:39,990 --> 00:22:43,980
เราจำเป็นต้องมีวิธีการเข้าถึงแต่ละ
ของสิ่งที่อยู่ใน HTML ของเรา

437
00:22:43,980 --> 00:22:48,050
และอื่น ๆ นี้จะช่วยให้เรามาก
คอนกรีตวิธีมาตรฐาน

438
00:22:48,050 --> 00:22:51,010
ทั่วหน้าเว็บต่างๆที่จะทำเช่นนั้น

439
00:22:51,010 --> 00:22:53,440
>> ดังนั้นถ้าเราเพียงแค่เดินผ่าน
ที่นี่แน่นอน

440
00:22:53,440 --> 00:22:56,790
เอกสารของเราเป็นเหมือนไฟล์ทั้งหมดของเรา

441
00:22:56,790 --> 00:22:59,350
ที่เห็นได้ชัดทำให้รู้สึก
ว่ามันเป็นสิ่งที่สูงสุด

442
00:22:59,350 --> 00:23:03,520
และแล้วเรามี HTML ที่เกิดขึ้นจริงของเรา
ซึ่งสอดคล้องกับแท็กนี้ที่นี่

443
00:23:03,520 --> 00:23:08,480
นอกจากนี้หากคุณเยื้องในแท็กของคุณ
ถูกต้องแล้วการสร้างต้นไม้ DOM นี้

444
00:23:08,480 --> 00:23:10,530
จะกลายเป็นง่ายสุด

445
00:23:10,530 --> 00:23:12,400
ดังนั้นเราจึงมีหัวบางอย่างที่นี่

446
00:23:12,400 --> 00:23:15,780
ร่างกายเรามีบางอย่างที่
เราจะเห็นต้นกำเนิดออกจาก HTML,

447
00:23:15,780 --> 00:23:18,530
ซึ่งเป็นเหตุผลที่เรามีหัวและลำตัว

448
00:23:18,530 --> 00:23:22,880
ภายในหัวเรามีบาง
แท็กชื่อ, ปลายแท็กชื่อ

449
00:23:22,880 --> 00:23:24,570
เพื่อให้เรารู้ที่มาหลังจากที่หัว

450
00:23:24,570 --> 00:23:28,040
และภายในแท็กชื่อของเรา
เรามี hello, world

451
00:23:28,040 --> 00:23:28,740
OK?

452
00:23:28,740 --> 00:23:31,311
นั่นคือสาขานี้ทางด้านซ้ายมือทั้ง

453
00:23:31,311 --> 00:23:34,060
และแล้วสำหรับสาขาทางด้านขวามือ
ที่นี่เราจะเห็นว่าเรามี HTML,

454
00:23:34,060 --> 00:23:38,680
ตกลงที่เราเคยทำส่วนหัวนี้
เรากำลังมองหาเพียงแค่ร่างกาย

455
00:23:38,680 --> 00:23:40,670
เพื่อให้เรามีพื้นที่บางส่วนของร่างกาย

456
00:23:40,670 --> 00:23:44,350
และภายในที่เดียว
สิ่งที่เรามีคือ hello, world

457
00:23:44,350 --> 00:23:45,090
OK?

458
00:23:45,090 --> 00:23:54,130
ถ้าเรามีสิ่งที่ต้องการ
บางจุดยึดแล้ว

459
00:23:54,130 --> 00:23:57,500
สวัสดีโลกและจากนั้นอีก
วงเล็บพีของลาโลก

460
00:23:57,500 --> 00:24:00,080
เราจะมีสองฟอง
ออกมาจากที่นี่

461
00:24:00,080 --> 00:24:05,550
เพราะพวกเขาทั้งสองภายใต้ร่างกาย แต่
พวกเขากำลังย่อหน้ากรณีนี้

462
00:24:05,550 --> 00:24:11,520
มีการปฏิบัติแน่นอน
ว่าในแบบทดสอบก่อนหน้านี้

463
00:24:11,520 --> 00:24:14,570
เช่นเดียวกับความอุดมสมบูรณ์ออนไลน์บนมัน

464
00:24:14,570 --> 00:24:18,260
ตกลงดังนั้นเพียงแค่นี้ช่วยให้
เราเห็นทุกอย่างเป็นอย่างดี

465
00:24:18,260 --> 00:24:20,810
และจัดการกับสิ่งที่
มากเป็นระบบ

466
00:24:20,810 --> 00:24:21,340
OK?

467
00:24:21,340 --> 00:24:23,640
เรารู้ว่าวิธีการ
สำรวจผ่านต้นไม้นี้

468
00:24:23,640 --> 00:24:26,910
เพื่อให้เรารู้สิ่งที่เราต้องการในการเข้าถึง

469
00:24:26,910 --> 00:24:31,690
>> ตกลงดังนั้นนี่คือเหตุผลที่เราต้องการ
ที่จะมีการจัดเรียงของรุ่นนี้

470
00:24:31,690 --> 00:24:35,190
เพื่อให้เราสามารถใช้สิ่งเช่นนี้
และเราเข้าใจในสิ่งที่พวกเขาหมายถึง

471
00:24:35,190 --> 00:24:38,370
และพวกเขากำลังได้มาตรฐาน
ในทุกสิ่งที่เราทำ

472
00:24:38,370 --> 00:24:45,900
ดังนั้นจุดที่ชื่อเอกสารเป็นเพียง
ชื่อของ our-- ทั้งหมดเหล่านี้

473
00:24:45,900 --> 00:24:48,960
จะอธิบายสวยตนเอง
ผมชอบที่จะคิดว่า

474
00:24:48,960 --> 00:24:51,660
ดังนั้นก่อนที่สาม
ตัวอย่างที่เป็นเพียงการพูด

475
00:24:51,660 --> 00:24:54,770
"OK เพียงแค่ให้ฉัน
ชื่อของหน้าเว็บนี้. "

476
00:24:54,770 --> 00:24:58,030
ดังนั้นมันจะให้สิ่งที่
สอดคล้องกับชื่อเรื่อง

477
00:24:58,030 --> 00:25:01,880
>> ร่างกายเอกสารจุดเป็นไปเพื่อให้คุณ
สิ่งที่อยู่ภายในแท็กร่างกายเหล่านั้น

478
00:25:01,880 --> 00:25:03,240
เพื่อให้คุณสามารถจัดการกับที่

479
00:25:03,240 --> 00:25:07,820
และเอกสารร่างกายจุดจุด
ใส่ HTML เป็นหนึ่งเย็นมาก

480
00:25:07,820 --> 00:25:11,660
และอาจจะไม่ได้เป็นเหมือนซุปเปอร์
ใช้งานง่าย แต่ HTML ภายใน

481
00:25:11,660 --> 00:25:13,740
สอดคล้องกับตรงนี้

482
00:25:13,740 --> 00:25:17,410
ดังนั้นหากคุณเคยต้องการที่จะ
จัดการกับข้อความบนหน้าเว็บ

483
00:25:17,410 --> 00:25:22,700
โดยทั่วไปแล้วคุณจะต้องทำ
บางสิ่งบางอย่างกับร่างกายจุด HTML ภายใน

484
00:25:22,700 --> 00:25:23,820
OK?

485
00:25:23,820 --> 00:25:31,341
HTML ภายในดังนั้นมีแนวโน้มที่จะอ้างถึง
สิ่งที่เป็นจริงระหว่างแท็กเหล่านี้

486
00:25:31,341 --> 00:25:31,840
OK?

487
00:25:31,840 --> 00:25:33,020
และฟังก์ชั่นที่มีประโยชน์แล้ว

488
00:25:33,020 --> 00:25:40,390
ดังนั้นหากคุณต้องการที่จะได้รับ
ใด ๆ เหล่านี้องค์ประกอบใด ๆ

489
00:25:40,390 --> 00:25:43,140
เรามี Id บางชั้น
ชื่อหรือชื่อแท็ก

490
00:25:43,140 --> 00:25:47,100
นี้จะคล้ายกับ
สิ่งที่เราทำกับ CSS ใช่มั้ย?

491
00:25:47,100 --> 00:25:51,360
ที่เรามีเตอร์บางอย่างที่
สอดคล้องกับทั้งแท็กชั้น

492
00:25:51,360 --> 00:25:53,800
ที่เราให้พวกเขาหรือ Id

493
00:25:53,800 --> 00:25:55,310
นี้เป็นอย่างมากในลักษณะเดียวกัน

494
00:25:55,310 --> 00:26:00,720
หากคุณมีบางสิ่งบางอย่างที่
มีชั้นเรียนของสุนัขบาง

495
00:26:00,720 --> 00:26:05,800
และที่คุณบอกว่าได้รับองค์ประกอบโดยใช้ชื่อแท็ก
และคุณใส่สุนัขในตรงนี้หรือขอโทษ

496
00:26:05,800 --> 00:26:06,610
ชื่อชั้น

497
00:26:06,610 --> 00:26:07,770
คุณสามารถใส่จุดในนั้น

498
00:26:07,770 --> 00:26:11,780
มันจะกลับมาทุกคน
องค์ประกอบให้คุณที่มีชั้นเรียนที่

499
00:26:11,780 --> 00:26:13,880
เพื่อให้คุณสามารถจัดการเพียงผู้

500
00:26:13,880 --> 00:26:18,430
ในทางเดียวกันบางทีคุณอาจเพียงแค่
ต้องการที่จะจัดการกับส่วนหัวบางอย่างเพื่อให้

501
00:26:18,430 --> 00:26:20,980
บางส่วนหัว h1 เหมือนอย่างที่เราทำ

502
00:26:20,980 --> 00:26:24,900
คุณสามารถจะได้รับองค์ประกอบโดยแท็ก
ชื่อเพราะ h1 เป็นชื่อแท็ก

503
00:26:24,900 --> 00:26:29,270
และในทำนองเดียวกันถ้าคุณต้องการที่จะได้รับ
บางสิ่งที่ไม่ซ้ำกันที่คุณสามารถจะได้รับแท็ก

504
00:26:29,270 --> 00:26:31,100
รับองค์ประกอบตามหมายเลข

505
00:26:31,100 --> 00:26:32,710
และพวกเขาเป็นจริงจำนวนมากเหล่านี้

506
00:26:32,710 --> 00:26:36,300
เหล่านี้เป็นเพียงเช่นสามมาก

507
00:26:36,300 --> 00:26:39,600
ดังนั้นถ้าคุณไปออนไลน์เป็น
ฉันจะขอแนะนำให้

508
00:26:39,600 --> 00:26:45,342
คุณจะทำและทำบางอย่าง
การวิจัยด้วยตัวคุณเอง

509
00:26:45,342 --> 00:26:48,450
ผมขอแนะนำให้แน่นอน
มองเข้าไปในทุกคน

510
00:26:48,450 --> 00:26:50,880
พวกเขาอาจจะเป็นซูเปอร์
ที่มีประโยชน์โดยเฉพาะอย่างยิ่งเมื่อ

511
00:26:50,880 --> 00:26:57,180
คุณต้องการเพียงแค่ชนิดของการจัดการ
สิ่งที่เฉพาะเจาะจงมากโดยไม่ต้อง

512
00:26:57,180 --> 00:27:00,390
ผ่านไปและพยายามที่
ที่จะแยกออกมาทุกอย่าง

513
00:27:00,390 --> 00:27:03,540
>> ตกลงดังนั้นสิ่งสุดท้าย
เป็นเหตุการณ์ที่เกิดขึ้น JavaScript

514
00:27:03,540 --> 00:27:10,730
ดังนั้นเมื่อผมพูดก่อนหน้านี้
เกี่ยวกับการไปลงบนเว็บไซต์

515
00:27:10,730 --> 00:27:14,340
และเมื่อคุณเลื่อนไปบางสิ่งบางอย่าง
หรือเมาส์ของคุณวนเวียนอยู่เหนือบางสิ่งบางอย่าง

516
00:27:14,340 --> 00:27:15,420
บางสิ่งบางอย่างเกิดขึ้น

517
00:27:15,420 --> 00:27:17,900
นี่คือสิ่งที่เราต้องการ
คิดเกี่ยวกับการเป็นเหตุการณ์

518
00:27:17,900 --> 00:27:23,970
ดังนั้นสิ่งที่เราอาจมีว่า
เป็นประโยชน์ที่นี่เป็น onclick

519
00:27:23,970 --> 00:27:29,140
ดังนั้นเหมืองอยู่บนโฉบซึ่งฉัน
ค่อนข้างมั่นใจว่าเป็นเพียงเกี่ยวกับการเลื่อน

520
00:27:29,140 --> 00:27:31,300
นอกจากนี้ตันของเหล่านี้
ที่คุณสามารถมองหา

521
00:27:31,300 --> 00:27:34,340
มีรายชื่อทั้งหมดออนไลน์
สิ่งที่แตกต่าง

522
00:27:34,340 --> 00:27:37,130
ที่คุณสามารถฟัง

523
00:27:37,130 --> 00:27:41,220
>> แต่เหตุการณ์ที่เกิดขึ้นมี JavaScript
เป็นเพียงการตอบสนองต่อสิ่งที่

524
00:27:41,220 --> 00:27:42,430
ที่ผู้ใช้ของคุณจะทำ

525
00:27:42,430 --> 00:27:42,930
ใช่มั้ย?

526
00:27:42,930 --> 00:27:45,220
เพื่อให้ผู้ใช้ของคุณจะ
บางสิ่งบางอย่างที่เป็นเหตุการณ์

527
00:27:45,220 --> 00:27:48,340
และ JavaScript จะตอบสนอง
แต่คุณต้องการให้

528
00:27:48,340 --> 00:27:49,770
มันจะตอบสนองตาม

529
00:27:49,770 --> 00:27:54,630
ดังนั้นในกรณีนี้เรามี
บางจุด onload หน้าต่าง

530
00:27:54,630 --> 00:27:57,170
ดังนั้นสิ่งนี้บอกว่าเป็น "รอสักครู่
จนกว่าหน้าต่างโหลด. "

531
00:27:57,170 --> 00:27:57,780
OK?

532
00:27:57,780 --> 00:28:02,102
ดังนั้นเมื่อทุกอย่างโหลด onload,
จากนั้นคุณสามารถดำเนินการฟังก์ชั่นนี้

533
00:28:02,102 --> 00:28:03,810
ดังนั้นเมื่อทุกอย่าง
โหลดคุณกำลังจะ

534
00:28:03,810 --> 00:28:07,760
จะมีปุ่มค้นหาบาง
ที่ได้รับองค์ประกอบตามหมายเลข,

535
00:28:07,760 --> 00:28:13,740
และมันพิมพ์สิ่งที่
องค์ประกอบที่เป็นปุ่มค้นหา

536
00:28:13,740 --> 00:28:17,050
แล้วเรามีตัวแปรนี้
เราพูดว่า "ต​​กลง onclick."

537
00:28:17,050 --> 00:28:20,390
ดังนั้นเมื่อเราได้ยินเสียงคลิก
ที่ปุ่มค้นหา

538
00:28:20,390 --> 00:28:23,990
ดำเนินการฟังก์ชั่นนี้ซึ่งเป็น
แจ้งเตือนคุณคลิกปุ่มค้นหา

539
00:28:23,990 --> 00:28:28,910
>> ดังนั้นสิ่งที่เกิดขึ้นเป็นเท่าไหร่เป็นคนดี
แสดงภาพเล็ก ๆ น้อย ๆ ที่นี่

540
00:28:28,910 --> 00:28:31,480
ดังนั้นโหลดเอกสารของเรา
ที่ onload ของเรา

541
00:28:31,480 --> 00:28:34,340
เราพบว่าการค้นหาของเรา
ปุ่มซึ่งเป็นนี้

542
00:28:34,340 --> 00:28:36,570
เรากำลังมองหาปุ่มค้นหาของเรา

543
00:28:36,570 --> 00:28:40,790
และจากนั้นเมื่อกดปุ่มค้นหาก็คือ
คลิกมันสอดคล้องกับที่นี่

544
00:28:40,790 --> 00:28:41,980
onclick

545
00:28:41,980 --> 00:28:47,300
แล้วในที่สุดเราก็แจ้งเตือนผู้ใช้ของเรา
ซึ่งเป็นบรรทัดสุดท้ายที่นี่

546
00:28:47,300 --> 00:28:48,250
OK?

547
00:28:48,250 --> 00:28:52,960
ดังนั้นแต่ละคนสี่ขั้นตอนเพียง
สอดคล้องกับสี่กล่อง

548
00:28:52,960 --> 00:28:55,031
ลงไปที่นั่นที่ด้านล่าง

549
00:28:55,031 --> 00:28:56,405
ไม่ว่าทำให้ความรู้สึกที่ทุกคนหรือไม่

550
00:28:56,405 --> 00:29:01,120

551
00:29:01,120 --> 00:29:05,200
>> และแล้วสิ่งหนึ่งที่ฉันแค่ไป
พูดถึงมากในเวลาสั้น ๆ ที่ฉัน

552
00:29:05,200 --> 00:29:08,660
ขอแนะนำให้พวกคุณไป
ไปดูมากขึ้นในการเป็น

553
00:29:08,660 --> 00:29:13,210
jQuery ซึ่งเป็นเพียงห้องสมุด
ที่ถูกสร้างขึ้นบนของ JavaScript

554
00:29:13,210 --> 00:29:16,480
มันจะมีประโยชน์สุดเป็น
กับห้องสมุดมากที่สุด

555
00:29:16,480 --> 00:29:18,320
มีจำนวนมากของฟังก์ชั่น

556
00:29:18,320 --> 00:29:21,930
ดังนั้นถ้ามีอะไรบางอย่างที่เคย
คุณต้องการจะทำใน JavaScript,

557
00:29:21,930 --> 00:29:24,880
สัญชาตญาณแรกของคุณ
ไม่ควรที่จะคิด

558
00:29:24,880 --> 00:29:27,340
ของ "สิ่งที่ควรฟังก์ชั่น
ฉันรหัส? "มั​​นควรจะเป็น

559
00:29:27,340 --> 00:29:29,560
"ให้ฉันเห็นใครบางคนเป็น
ทำมาแล้วนี้สำหรับฉัน. "

560
00:29:29,560 --> 00:29:32,800
เพราะเก้าครั้งจากสิบ
คนที่จะได้ทำมันแล้ว

561
00:29:32,800 --> 00:29:35,760
และพวกเขาอาจจะได้ทำมันได้ดี

562
00:29:35,760 --> 00:29:39,990
คนใช้จ่ายเป็นจำนวนมากเวลาทำเหล่านี้
และ JavaScript ใช้กันอย่างแพร่หลายมาก

563
00:29:39,990 --> 00:29:42,810
ดังนั้นคนที่มีอย่างต่อเนื่อง
พยายามที่จะทำให้ดีขึ้น

564
00:29:42,810 --> 00:29:47,110
และ jQuery มีจำนวนมากของฟังก์ชั่น
ที่อาจจะเป็นประโยชน์กับคุณ

565
00:29:47,110 --> 00:29:50,470
ในโครงการสุดท้ายของคุณถ้าคุณ
ทำอะไรกับการออกแบบเว็บ

566
00:29:50,470 --> 00:29:53,480
ขณะที่ผมอยากจะพูดว่า "การทำงาน
อย่างชาญฉลาดไม่ยาก. "

567
00:29:53,480 --> 00:29:57,130
ถ้าพวกคุณทำอย่างนั้นมันจะดี

568
00:29:57,130 --> 00:30:00,330
เมื่อเราอยู่ที่ Hackathon ที่ฉันทำไม่ได้
อยากให้เป็นสิ่งที่เครียด

569
00:30:00,330 --> 00:30:03,600
ฉันต้องการให้คุณจะเป็นเหมือน "ผมได้
นี้ jQuery ก็มีหลังของฉัน

570
00:30:03,600 --> 00:30:05,790
ผมไม่จำเป็นต้องเขียนฟังก์ชันเหล่านี้. "

571
00:30:05,790 --> 00:30:07,636
>> ดังนั้นเพียงแค่สองสิ่งที่
จำได้ว่าฉันจะ

572
00:30:07,636 --> 00:30:10,220
ที่จะปล่อยให้พวกคุณดูเพิ่มเติม
เป็น jQuery ด้วยตัวคุณเอง

573
00:30:10,220 --> 00:30:13,070
ทั้งหมดที่ฉันจะบอกว่ามันเป็น
ไม่บางสิ่งบางอย่างที่น่ากลัวสวย

574
00:30:13,070 --> 00:30:15,220
และสามารถทำให้ชีวิตของคุณ
จำนวนมากทั้งง่าย

575
00:30:15,220 --> 00:30:17,150
แต่สิ่งที่คุณต้องการ
มีไฟล์อะไรก็ตาม

576
00:30:17,150 --> 00:30:21,020
ที่คุณกำลังจะใช้มันใน
คุณจะต้องการทั้งสองสาย

577
00:30:21,020 --> 00:30:25,630
คุณจะต้องการ
สคริปต์ของจุด jQuery JS JS

578
00:30:25,630 --> 00:30:28,500
และที่จริงแหล่งที่มาของ
เป็นไปได้ที่ URL บาง

579
00:30:28,500 --> 00:30:35,870
หากคุณ Google jQuery, Google
จริงเจ้าภาพไฟล์ทุกอย่างให้คุณ

580
00:30:35,870 --> 00:30:38,950
ดังนั้นคุณมั่นเหมาะต้องการ
ป้อนข้อมูลว่า URL แทน

581
00:30:38,950 --> 00:30:41,130
ฉันเพียงแค่ใส่ที่นี่
เพื่อประโยชน์ของความเรียบง่าย

582
00:30:41,130 --> 00:30:45,180
ทั้งหมดนี้หมายความว่าเป็นสถานที่ที่จะ
หาห้องสมุด jQuery ของคุณ

583
00:30:45,180 --> 00:30:48,600
มันเป็นเรื่องใหญ่ดังนั้นคุณไม่ต้องการ
ในการเป็นเจ้าภาพในคอมพิวเตอร์ของคุณเอง

584
00:30:48,600 --> 00:30:53,390
ถ้าคุณสามารถหลีกเลี่ยงได้ซึ่งเป็นเหตุผลที่เรา
มีแนวโน้มที่จะเพียงแค่ใส่ใน URL ของ Google ที่

585
00:30:53,390 --> 00:30:55,880
เป็นเจ้าภาพจัดงานท​​ุกไฟล์เหล่านี้สำหรับคุณ

586
00:30:55,880 --> 00:30:56,380
OK?

587
00:30:56,380 --> 00:30:58,850
คุณ Google มันฉันสัญญาว่า
มันจะมี

588
00:30:58,850 --> 00:31:01,200
>> และแล้วสิ่งที่
ไฟล์ JavaScript ที่คุณ

589
00:31:01,200 --> 00:31:07,150
ใช้ดังนั้นนี้เป็นเพียงบางส่วนภายนอก
ไฟล์ JavaScript ที่คุณกำลังใช้

590
00:31:07,150 --> 00:31:11,570
ในทำนองเดียวกับที่เราเชื่อมโยงไปยัง CSS ของเรา
ไฟล์นี้เป็นเรียงกันของสิ่ง

591
00:31:11,570 --> 00:31:15,480
เพียงแค่นี้ก็เชื่อมโยงไปยังแฟ้ม
ที่ใช้งาน JavaScript ของคุณเป็น

592
00:31:15,480 --> 00:31:18,970
และผมมีตัวอย่างบางส่วน
ด้วยง่าย JavaScript

593
00:31:18,970 --> 00:31:20,220
ดังนั้นเราจะผ่านมัน

594
00:31:20,220 --> 00:31:27,230
และจากนั้นในดัชนีของคุณ JavaScript,
ซึ่งเป็นไฟล์จาวาสคริปต์ของคุณที่นี่

595
00:31:27,230 --> 00:31:30,900
นี้เป็นชนิดของเสื้อคลุม
ที่คุณมีสำหรับ jQuery

596
00:31:30,900 --> 00:31:33,860
คุณเกือบ 99.9
ร้อยละของเวลาที่จะ

597
00:31:33,860 --> 00:31:36,800
ที่จะมีนี้ในแฟ้ม index.js ของคุณ

598
00:31:36,800 --> 00:31:40,010
เพราะสิ่งที่กล่าวนี้คือ
"ไม่ได้ดำเนินการอะไร

599
00:31:40,010 --> 00:31:43,480
จนเอกสารของคุณเป็นจริง
พร้อม "ซึ่งเป็นสิ่งที่คุณต้องการ

600
00:31:43,480 --> 00:31:46,600
เพราะถ้าเอกสารของคุณไม่พร้อม
และ jQuery เริ่มทำสิ่งที่

601
00:31:46,600 --> 00:31:48,020
มันเป็นเพียงระเบียบ

602
00:31:48,020 --> 00:31:50,480
ดังนั้นคุณก็ต้องการที่จะมีเสื้อคลุมนี้

603
00:31:50,480 --> 00:31:55,760
และแล้วสิ่งที่ไปในที่นั่นผม
จะปล่อยให้คนของตัวเองให้อ่าน

604
00:31:55,760 --> 00:32:04,610
>> ตกลงดังนั้นจะมีคำถามใด ๆ ที่เหมาะสม
ตอนนี้เกี่ยวกับการใช้งาน JavaScript ในทั่วไป?

605
00:32:04,610 --> 00:32:07,420
หรือรูปแบบ DOM?

606
00:32:07,420 --> 00:32:10,780
ถ้าไม่ได้เรามีบางเย็น
ตัวอย่างที่เราสามารถผ่านไป

607
00:32:10,780 --> 00:32:13,120
ที่พวกคุณสามารถช่วยฉันรหัส

608
00:32:13,120 --> 00:32:15,877
แต่ฉันยังไปได้
ดีสุดและถ้าคุณ

609
00:32:15,877 --> 00:32:17,960
ไม่ต้องการที่จะพูดอะไร
เหล่านี้ที่ดี

610
00:32:17,960 --> 00:32:20,510
ฉันยังสามารถให้ตัวอย่าง

611
00:32:20,510 --> 00:32:24,581
แต่สิ่งที่อยู่บน
PowerPoint ก่อนที่เราจะเดินหน้าต่อไป?

612
00:32:24,581 --> 00:32:25,080
เย็น

613
00:32:25,080 --> 00:32:26,990
>> ฉันรู้สึกเหมือนพวกคุณจำเป็นต้องใช้พลังงาน

614
00:32:26,990 --> 00:32:31,516
ดังนั้นผมจึงคิดว่าเรากำลังจะเริ่มต้น
กับตัวอย่างบุคคลที่ครั้งแรกของฉัน

615
00:32:31,516 --> 00:32:33,390
เรามีสามตัวอย่าง
คุณมีทางเลือกของคุณ

616
00:32:33,390 --> 00:32:37,720
ดังนั้นเราจึงมีนาฬิกาที่เรากำลังจะ
ในการดำเนินการที่เกิดขึ้นจริงนาฬิกาที่

617
00:32:37,720 --> 00:32:41,430
จะปรับปรุงเวลาเป็นไปตาม

618
00:32:41,430 --> 00:32:43,310
เรามีฟังก์ชั่นนี้ทวิตเตอร์ที่ดี

619
00:32:43,310 --> 00:32:44,560
เจ้านี่คุณรู้ว่าสิ่งที่ยึดมั่นใน

620
00:32:44,560 --> 00:32:47,220
เรากำลังจะทำให้ไปนี้ออกไป

621
00:32:47,220 --> 00:32:47,950
ปัง

622
00:32:47,950 --> 00:32:49,060
ตกลง

623
00:32:49,060 --> 00:32:56,132
>> เรามีฟังก์ชั่นนี้ทวิตเตอร์ที่ดี
นี่ that-- ฉันรู้ใช่มั้ย?

624
00:32:56,132 --> 00:32:57,090
มันเป็นไปได้ที่ดี

625
00:32:57,090 --> 00:32:58,350
พวกคุณตื่นเต้น?

626
00:32:58,350 --> 00:33:01,170
ที่จะนับจำนวน
ของตัวละครที่คุณไม่เคยมีใคร

627
00:33:01,170 --> 00:33:04,520
ดังนั้นถ้าฉันพิมพ์ตอนนี้
เห็นได้ชัดก็ยังกล่าวว่า 140,

628
00:33:04,520 --> 00:33:06,190
แต่เรารู้ว่าไม่ใช่กรณี

629
00:33:06,190 --> 00:33:08,570
และแล้วกับคนสุดท้ายของเรา
ที่นี่คลิกที่นี่เพื่อปาร์ตี้

630
00:33:08,570 --> 00:33:12,150
สิ่งที่จะเกิดขึ้นคือเมื่อ
เราคลิกพื้นหลังของ

631
00:33:12,150 --> 00:33:13,340
จะเปลี่ยนสี

632
00:33:13,340 --> 00:33:17,060
ดังนั้นพวกคุณมีตัวเลือกของคุณ
ที่หนึ่งที่คุณต้องการจะทำครั้งแรก

633
00:33:17,060 --> 00:33:19,800
ฉันสัญญาว่าฉันจะเอามันง่ายมากที่อยู่กับคุณ

634
00:33:19,800 --> 00:33:22,680
ฉันรู้สึกเหมือนทุกคนชนิดเป็น
เพียงคีย์ต่ำมากในวันนี้

635
00:33:22,680 --> 00:33:25,540
ดังนั้นผมจะเดินคุณผ่านวิธี
เราจะใช้สิ่งเหล่านี้

636
00:33:25,540 --> 00:33:28,520
ถ้าคุณต้องการที่จะพูดสอด
ในที่ดี แต่ฉัน

637
00:33:28,520 --> 00:33:30,020
รู้สึกเหมือนทุกคนเหนื่อยน้อย

638
00:33:30,020 --> 00:33:32,970
ดังนั้นผมก็จะเดินคุณ
ผ่านตัวอย่างเหล่านี้

639
00:33:32,970 --> 00:33:35,015
เรามีอะไรบางอย่างที่
เราต้องการที่จะทำอันดับแรก

640
00:33:35,015 --> 00:33:38,140

641
00:33:38,140 --> 00:33:39,475
ใคร?

642
00:33:39,475 --> 00:33:41,350
การตั้งค่าหรือไม่?

643
00:33:41,350 --> 00:33:41,867
ตกลง

644
00:33:41,867 --> 00:33:42,450
คุณรู้อะไร

645
00:33:42,450 --> 00:33:43,290
เรากำลังอยู่ในงานปาร์ตี้

646
00:33:43,290 --> 00:33:48,380
ฉันรู้สึกเหมือนพวกคุณต้อง little--
ดังนั้นเราจะทำอย่างใดอย่างหนึ่งของบุคคลที่แรก

647
00:33:48,380 --> 00:33:48,880
ตกลง

648
00:33:48,880 --> 00:33:51,470

649
00:33:51,470 --> 00:33:56,930
>> ดังนั้นสิ่งที่เรามีตรงนี้ว่าเป็น
ไม่ควรที่จะอยู่ที่นั่น

650
00:33:56,930 --> 00:33:57,910
ตอนนี้มันเป็นสิ่งที่ดี

651
00:33:57,910 --> 00:33:59,810
ตกลง

652
00:33:59,810 --> 00:34:03,110
ดังนั้นสิ่งที่เรามีที่นี่เป็น
เพียงหน้า HTML ง่ายๆ

653
00:34:03,110 --> 00:34:07,840
ที่พวกคุณทุกคนควรจะสุด
คุ้นเคยกับการจากครั้งล่าสุดของคุณสอง psets

654
00:34:07,840 --> 00:34:10,212
เรามีประเภทเอกสารของเราที่นี่

655
00:34:10,212 --> 00:34:10,920
ทุกคนสามารถเห็น?

656
00:34:10,920 --> 00:34:11,420
ตกลง

657
00:34:11,420 --> 00:34:12,560
เย็น

658
00:34:12,560 --> 00:34:13,900
เรามี HTML ของเราอย่างเห็นได้ชัด

659
00:34:13,900 --> 00:34:18,360
เรามีส่วนหัวของบางอย่างที่เป็น
เชื่อมโยงไปยังแผ่นลักษณะที่

660
00:34:18,360 --> 00:34:21,420
เพียงแค่ทำแบบอักษรของฉันที่ดีและใหญ่และหนา

661
00:34:21,420 --> 00:34:23,489
จึงไม่ต้องกังวลเกี่ยวกับการที่

662
00:34:23,489 --> 00:34:26,437
>> เรามีร่างกายที่มีความบาง
พื้นหลัง Id, OK?

663
00:34:26,437 --> 00:34:28,520
เพราะเรากำลังจะเป็น
เปลี่ยนพื้นหลัง

664
00:34:28,520 --> 00:34:31,964
ดังนั้นเมื่อเรากำลังจะเปลี่ยน
พื้นหลังของร่างกายของเรา

665
00:34:31,964 --> 00:34:35,965
เราจำจากสองสัปดาห์ที่ผ่านมา
เมื่อเราจะจัดการกับหน้าเว็บ

666
00:34:35,965 --> 00:34:36,840
ดังนั้นที่ดีที่จะได้ว่า

667
00:34:36,840 --> 00:34:39,270
และเรามี Id บางเท่ากับพรรค

668
00:34:39,270 --> 00:34:43,909
อ้างอิงชั่วโมงปอนด์นี้ก็หมายความว่า
มันจะไปที่หน้าเดียวกัน

669
00:34:43,909 --> 00:34:47,120
และคลิกที่นี่เพื่อจะปาร์ตี้
ซึ่งเป็นเหตุผลที่เมื่อเราคลิกมัน

670
00:34:47,120 --> 00:34:48,940
มันควรจะเปลี่ยนสี, โชคดี

671
00:34:48,940 --> 00:34:54,322
>> แล้วเรามีสคริปต์บางอย่างที่นี่ที่
มีการเชื่อมโยงเพียงเพื่อจุดพรรคนี้ JS

672
00:34:54,322 --> 00:34:58,100
ไฟล์ที่ว่างเปล่าเพราะ
เราไม่ได้ทำอะไรเลย

673
00:34:58,100 --> 00:35:00,450
และมันน่าเศร้ามาก

674
00:35:00,450 --> 00:35:06,100
แต่เร็ว ๆ นี้ก็จะเปลี่ยน
สีและมันจะเป็นที่น่ากลัว

675
00:35:06,100 --> 00:35:10,520
>> ดังนั้นฉันแค่จะเดินพวกคุณ
ผ่านวิธีการที่เราจะเข้าใกล้นี้

676
00:35:10,520 --> 00:35:14,030
ดังนั้นสิ่งแรกที่
เราอาจต้องการที่จะทำ

677
00:35:14,030 --> 00:35:18,050
ถ้าเรามีการเปลี่ยนแปลงพื้นหลังของ
ร่างกายสิ่งแรกที่เราอาจต้องการ

678
00:35:18,050 --> 00:35:22,730
จะทำอย่างไรที่เป็นจริงคว้า
สิ่งที่ร่างกายเป็นใช่มั้ย?

679
00:35:22,730 --> 00:35:27,690
ดังนั้นเราจึงต้องการที่จะมีผลรวมของเรา
พื้นหลังและถ้าคุณสังเกตเห็น

680
00:35:27,690 --> 00:35:29,567
ฉันเพียงแค่โดยอัตโนมัติเพียงแค่เริ่มต้นการพิมพ์

681
00:35:29,567 --> 00:35:32,400
ไม่มีอะไรพิเศษเป็นเรื่องที่เรา
ต้องทำสำหรับไฟล์จาวาสคริปต์ของเรา

682
00:35:32,400 --> 00:35:35,820
ผมสามารถเริ่มต้นการประกาศตัวแปร
และประกาศฟังก์ชั่นแบบสุ่ม

683
00:35:35,820 --> 00:35:38,110
และมันก็เป็นรูปแบบอื่น ๆ อีกมากมายฟรี

684
00:35:38,110 --> 00:35:41,930
มันเป็นเช่นเดียวกับซีเราให้คุณทุกคน
กฎเหล่านี้ยากและคุณเติบโตขึ้น

685
00:35:41,930 --> 00:35:43,220
ดังนั้นเราชอบ "ออกไป

686
00:35:43,220 --> 00:35:44,000
เป็นอิสระ

687
00:35:44,000 --> 00:35:44,870
ทำในสิ่งที่คุณต้องการ ".

688
00:35:44,870 --> 00:35:46,280
และนั่นคือสิ่ง JavaScript เป็น

689
00:35:46,280 --> 00:35:48,390
ดังนั้นเราจึงมีพื้นฐานบางอย่างที่นี่

690
00:35:48,390 --> 00:35:55,900
ด้วยรูปแบบ DOM ของเราเรารู้ว่าเรา
สามารถทำเอกสารจุดรับองค์ประกอบ

691
00:35:55,900 --> 00:36:00,290
และถ้าเราสังเกตเห็นที่นี่
ร่างกายของเรามี Id

692
00:36:00,290 --> 00:36:00,930
ใช่มั้ย?

693
00:36:00,930 --> 00:36:06,310
ดังนั้นเราจึงสามารถจะได้รับเอกสารจาก
Id และนี่คือง่ายๆ

694
00:36:06,310 --> 00:36:08,295
อะไร Id ของเราที่เราต้องการที่นี่?

695
00:36:08,295 --> 00:36:09,170
ผู้ชม: ประวัติความเป็นมา

696
00:36:09,170 --> 00:36:11,280
ALLISON Buchholtz-AU: ประวัติความเป็นมา

697
00:36:11,280 --> 00:36:12,230
สมบูรณ์

698
00:36:12,230 --> 00:36:14,250
และอัฒภาคที่สิ้นสุด

699
00:36:14,250 --> 00:36:15,610
ที่ยังไม่ได้หายไปเลย

700
00:36:15,610 --> 00:36:17,330
คุณยังคงต้องอัฒภาคของคุณ

701
00:36:17,330 --> 00:36:17,830
ตกลง

702
00:36:17,830 --> 00:36:19,690
นั่นคือครั้งแรกของเรา

703
00:36:19,690 --> 00:36:23,880
และเมื่อเราคลิกที่บางสิ่งบางอย่างที่เรา
ต้องการสิ่งที่จะเกิดขึ้นใช่ไหม?

704
00:36:23,880 --> 00:36:28,270
ดังนั้นเราอาจต้องการตัวแปรบาง
ที่รอคอยสำหรับการคลิก

705
00:36:28,270 --> 00:36:32,410
สิ่งที่เรากำลังจะทำคือเรากำลังจะไป
ทำให้การเชื่อมโยงของเรามากขึ้นคล้ายกับปุ่ม

706
00:36:32,410 --> 00:36:43,140
ดังนั้นเรากำลังจะมีปุ่มบางอย่างที่
เท่ากับเอกสารจุดรับองค์ประกอบตามหมายเลข

707
00:36:43,140 --> 00:36:48,670
และถ้าผมพูดถึง
คลิกที่ลิงค์หรือคลิกที่นี่เพื่อปาร์ตี้

708
00:36:48,670 --> 00:36:51,850
การเชื่อมโยงสิ่งที่ Id ของฉันอาจจะเป็นที่นี่?

709
00:36:51,850 --> 00:36:52,590
พรรค

710
00:36:52,590 --> 00:36:55,200
ถูกต้อง

711
00:36:55,200 --> 00:36:56,500
ตกลงไม่เลวร้ายเกินไปเพื่อให้ห่างไกล

712
00:36:56,500 --> 00:36:59,060
ทุกคนได้รับสิ่งที่เรากำลังทำอะไรอยู่?

713
00:36:59,060 --> 00:37:02,100
>> ตกลงดังนั้นตอนนี้เรามีของเรา
ปุ่มและเราต้องการ

714
00:37:02,100 --> 00:37:04,140
สิ่งที่เปลี่ยนไปเมื่อเราคลิกที่มัน

715
00:37:04,140 --> 00:37:08,750
ดังนั้นหากเราจำได้จาก PowerPoint ของเรา
สิ่งที่ง่ายมากที่เราสามารถทำได้

716
00:37:08,750 --> 00:37:12,140
มีปุ่มเพียงจุด onclick ใช่มั้ย?

717
00:37:12,140 --> 00:37:14,750

718
00:37:14,750 --> 00:37:18,730
และนั่นจะเท่ากับฟังก์ชั่นบางอย่าง

719
00:37:18,730 --> 00:37:20,620
นี้เป็นฟังก์ชั่นที่ไม่ระบุชื่อ

720
00:37:20,620 --> 00:37:24,620
และนี่เป็นเพียง as-- จริงฉัน
จะทำให้เรื่องนี้ใหญ่กว่าเล็กน้อย

721
00:37:24,620 --> 00:37:27,330
>> ดังนั้นสิ่งที่ผมก็ไม่ได้
ที่นี่เป็นที่ที่ฉันพูด, OK,

722
00:37:27,330 --> 00:37:31,810
เมื่อเราคลิกที่ปุ่มของเราซึ่งเป็น
การเชื่อมโยงนี้ว่าเราเพียงแค่อ้างถึง

723
00:37:31,810 --> 00:37:34,270
เราจะดำเนินการ
ฟังก์ชั่นนี้ที่ไม่ระบุชื่อ

724
00:37:34,270 --> 00:37:35,845
เราไม่จำเป็นต้องปัจจัยการผลิตใด ๆ

725
00:37:35,845 --> 00:37:37,220
เราไม่ได้ดูแลสิ่งที่ผู้ใช้บอกว่า

726
00:37:37,220 --> 00:37:38,800
เมื่อพวกเขาคลิกที่มันเราไม่
จะทำสิ่งที่เราต้องการ

727
00:37:38,800 --> 00:37:40,660
ซึ่งเป็นเปลี่ยนสีพื้นหลัง

728
00:37:40,660 --> 00:37:42,640
OK?

729
00:37:42,640 --> 00:37:47,224
ดังนั้นที่ว่าทำไมเราไม่ได้มีปัจจัยการผลิตใด ๆ
เราก็มีฟังก์ชั่นที่ไม่ระบุชื่อนี้

730
00:37:47,224 --> 00:37:49,390
และตอนนี้เรากำลังจะจริง
การเขียนฟังก์ชั่นนี้

731
00:37:49,390 --> 00:37:55,040
>> ดังนั้นจึงมีพวงของวิธีการที่คุณ
สามารถสร้างสีแบบสุ่ม

732
00:37:55,040 --> 00:37:59,010
วิธีการที่ผมทำก็คือการ
สร้างสามตัวเลขสุ่ม

733
00:37:59,010 --> 00:38:01,910
และแปลงให้เป็นสาม RGB

734
00:38:01,910 --> 00:38:06,130
ดังนั้นเพียงแค่นี้แสดงให้คุณเห็นบางเย็น
สิ่งที่ถ้าคุณต้องการ "โอ้

735
00:38:06,130 --> 00:38:08,464
ฉันจำเป็นต้องใช้ในการสร้างแบบสุ่ม
จำนวน. "ถ้าคุณ Googled มัน

736
00:38:08,464 --> 00:38:09,630
นี่คือสิ่งที่คุณจะพบ

737
00:38:09,630 --> 00:38:17,580
>> ดังนั้นเราจึงมีสามที่แตกต่างกัน
สิ่ง var ไม่แดงอีกครั้ง, สีเขียว

738
00:38:17,580 --> 00:38:18,080
ใช่มั้ย?

739
00:38:18,080 --> 00:38:20,740
ดังนั้นผู้ที่มีสาม
สิ่งที่ทำให้สี

740
00:38:20,740 --> 00:38:22,220
สีฟ้า, สีแดง, และสีเขียว

741
00:38:22,220 --> 00:38:22,960
เย็น

742
00:38:22,960 --> 00:38:27,050
และสิ่งที่เราสามารถทำได้คือการที่เรารู้ว่า
ที่ต้องการจะอยู่ระหว่าง 255,

743
00:38:27,050 --> 00:38:30,140
และถ้าคุณมองขึ้นบางส่วน
เครื่องกำเนิดไฟฟ้าจำนวนสุ่ม

744
00:38:30,140 --> 00:38:36,000
คุณจะได้รับบางสิ่งบางอย่างเช่นคณิตศาสตร์
จุดสุ่มซึ่งถ้าคุณมองนี้ขึ้น

745
00:38:36,000 --> 00:38:39,230
กลับไปยังหมายเลขที่บาง
ระหว่างศูนย์และหนึ่ง

746
00:38:39,230 --> 00:38:39,980
OK?

747
00:38:39,980 --> 00:38:44,470
และสิ่งที่ทำตัวเลขของเรา
อเนกประสงค์ RGB ไประหว่าง?

748
00:38:44,470 --> 00:38:47,240
ศูนย์และสิ่งที่?

749
00:38:47,240 --> 00:38:49,000
สิ่งที่พวกเขาสามารถไปถึง?

750
00:38:49,000 --> 00:38:49,950
255

751
00:38:49,950 --> 00:38:53,320
ดังนั้นถ้าคณิตศาสตร์จุดสุ่ม
ไประหว่างศูนย์และหนึ่ง

752
00:38:53,320 --> 00:38:56,365
วิธีการที่เราอาจต้องการที่จะแปลงนี้หรือไม่?

753
00:38:56,365 --> 00:38:56,990
ผู้ชม: เวลา?

754
00:38:56,990 --> 00:38:57,830
ALLISON Buchholtz-AU: ใช่ว่า

755
00:38:57,830 --> 00:38:58,677
ดังนั้นครั้งคือ 255

756
00:38:58,677 --> 00:39:00,888
>> ผู้ชม: [ไม่ได้ยิน]
มันเหมือน [ไม่ได้ยิน]

757
00:39:00,888 --> 00:39:02,471
ALLISON Buchholtz-AU: คณิตศาสตร์จุดสุ่ม

758
00:39:02,471 --> 00:39:03,096
ผู้ชม: เย็น

759
00:39:03,096 --> 00:39:04,580
ALLISON Buchholtz-AU: ใช่

760
00:39:04,580 --> 00:39:06,300
จาวาสคริปต์ใช้เวลาเพียงดูแลคุณ

761
00:39:06,300 --> 00:39:07,580
ตกลง

762
00:39:07,580 --> 00:39:09,360
เพื่อให้เราสามารถทำเพื่อสิ่งเหล่านี้

763
00:39:09,360 --> 00:39:10,540
ใช่มั้ย?

764
00:39:10,540 --> 00:39:16,480
คณิตศาสตร์จุดเวลาที่สุ่ม 255

765
00:39:16,480 --> 00:39:17,740
คัดลอกที่

766
00:39:17,740 --> 00:39:18,820
เย็น

767
00:39:18,820 --> 00:39:23,350
ดังนั้นสิ่งที่เป็นนี้อาจ
ไม่กลับจำนวนเต็ม

768
00:39:23,350 --> 00:39:24,080
ใช่มั้ย?

769
00:39:24,080 --> 00:39:26,450
บางทีเราอาจจะได้รับหมายเลขบาง
ระหว่างศูนย์และหนึ่ง

770
00:39:26,450 --> 00:39:32,150
และจะทำให้มันจะเล็กน้อย
ออกและ RGBS ของเราไม่สามารถที่จะลอย

771
00:39:32,150 --> 00:39:33,360
พวกเขาจะต้อง ints

772
00:39:33,360 --> 00:39:37,610
ดังนั้นถ้าคุณพยายามนี้ก็อาจต้องการ
มีบางพฤติกรรมที่ผิดปกติ

773
00:39:37,610 --> 00:39:38,810
มันจะเป็นความขี้ขลาดน้อย

774
00:39:38,810 --> 00:39:43,200
ดังนั้นสิ่งที่เราทำคือเราต้องการให้
แน่ใจว่าสิ่งเหล่านี้จะถูกปัดเศษ,

775
00:39:43,200 --> 00:39:45,400
และคุณสามารถรอบทางใดทางหนึ่ง

776
00:39:45,400 --> 00:39:47,110
ฉันโค้งมนด้วยพื้น

777
00:39:47,110 --> 00:39:49,680
ดังนั้นผมจึงมักจะทำให้แน่ใจว่า
ว่ามันปัดลง

778
00:39:49,680 --> 00:39:54,440
แต่จะออกจากวิธีง่ายๆก็
เป็นเพียงแค่การได้รับจำนวนสุ่ม

779
00:39:54,440 --> 00:39:57,920
วิธีการทำคุณคิดว่าเรา
อาจชั้นจำนวนนี้หรือไม่?

780
00:39:57,920 --> 00:40:00,720
มันคล้ายกันมาก

781
00:40:00,720 --> 00:40:02,810
ความคิดใด?

782
00:40:02,810 --> 00:40:06,450
ดังนั้นถ้าสุ่มเป็นเพียงจุดคณิตศาสตร์
สุ่มดังนั้นคุณคิดว่าเราควรจะทำชั้น?

783
00:40:06,450 --> 00:40:09,670
คณิตศาสตร์ชั้นจุด

784
00:40:09,670 --> 00:40:11,340
และคุณยังสามารถทำเพดานจุดคณิตศาสตร์

785
00:40:11,340 --> 00:40:14,030
รอบเป็นชนิดของคลุมเครือ
เพราะคุณทำไม่ได้

786
00:40:14,030 --> 00:40:16,110
ทราบว่าจะปัดขึ้นหรือปัดลง

787
00:40:16,110 --> 00:40:20,797
ดังนั้นโดยทั่วไปเรามักจะทำคณิตศาสตร์
ชั้นจุดเพดานจุดคณิตศาสตร์

788
00:40:20,797 --> 00:40:21,380
แต่ honestly--

789
00:40:21,380 --> 00:40:22,780
>> ผู้ชม: ไม่รอบชั้นลง?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON Buchholtz-AU: ชั้นรอบลง

791
00:40:24,740 --> 00:40:26,990
และนี่เป็นเพียงทางเลือกในส่วนของฉัน

792
00:40:26,990 --> 00:40:32,370
>> ดังนั้นตอนนี้เรามีสามตัวเลขของเรา
ที่ได้รับการสร้างแบบสุ่ม

793
00:40:32,370 --> 00:40:36,610
และสิ่งที่เรากำลังจะทำในขณะนี้คือเรา
เพียงแค่จะเปลี่ยนพื้นหลัง

794
00:40:36,610 --> 00:40:37,310
OK?

795
00:40:37,310 --> 00:40:41,490
ดังนั้นเรามีอยู่แล้วของเรา
ชนิดของพื้นหลังที่เก็บไว้

796
00:40:41,490 --> 00:40:43,280
ในองค์ประกอบที่เรียกว่าพื้นหลังนี้

797
00:40:43,280 --> 00:40:47,300
ดังนั้นสิ่งที่คุณจะสังเกตเห็นคือถ้า
คุณเล่นรอบกับเรื่องนี้

798
00:40:47,300 --> 00:40:50,460
เราต้องการที่จะเปลี่ยนรูปแบบ

799
00:40:50,460 --> 00:40:53,812
และนี่คือชนิดของสิ่งที่
คุณจะ Google และคิดออก

800
00:40:53,812 --> 00:40:55,020
ชอบวิธีการเปลี่ยนสี

801
00:40:55,020 --> 00:40:59,210
>> แต่วิธีการที่คุณเข้าถึงสีนี้เป็น
พื้นหลังพื้นหลังลายจุดจุด

802
00:40:59,210 --> 00:41:03,490
ดังนั้นนี่จะบอกให้
วัตถุนี้, พื้นหลัง,

803
00:41:03,490 --> 00:41:06,920
ซึ่งหมายถึงว่า
องค์ประกอบ Id ไปอยู่ที่นั่น

804
00:41:06,920 --> 00:41:10,690
เรากำลังจะไปดูที่
รูปแบบภายในสไตล์

805
00:41:10,690 --> 00:41:13,280
เรากำลังจะไปดูที่พื้นหลัง

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
และถ้าคุณไปและมองนี้ขึ้น
ก็อาจทำให้ความรู้สึกเล็ก ๆ น้อย ๆ ,

808
00:41:17,630 --> 00:41:21,930
แต่นี่เป็นเพียงการพูดว่า
"ให้ฉันนี้แอตทริบิวต์ที่เฉพาะเจาะจงมาก

809
00:41:21,930 --> 00:41:25,770
สิ่งที่ผมได้กำหนดไว้ก่อนหน้านี้. "

810
00:41:25,770 --> 00:41:32,340
ดังนั้นสิ่งที่เรากำลังเปลี่ยนไปเป็น
บาง RGB เพราะมันทำให้รู้สึก

811
00:41:32,340 --> 00:41:34,780
เรากำลังใช้อเนกประสงค์ RGB ใช่มั้ย?

812
00:41:34,780 --> 00:41:41,530
และเรา have-- ผมต้องการที่จะให้แน่ใจว่าฉัน
ได้รับหมายเลขขวาของคำพูดที่นี่

813
00:41:41,530 --> 00:41:43,940
ดังนั้นสิ่งที่เราทำคือการที่เรามี
RGB และเรากำลังจะ

814
00:41:43,940 --> 00:41:46,800
to-- นี้เป็นเหมือน
concatenation ซึ่งเป็นสีแดง

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
แล้วเราต้องการบางจุลภาค

817
00:41:52,610 --> 00:41:59,925
แล้วเราต้องการบวกสีเขียว
แล้วบางจุลภาคและบางสีฟ้า

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> ดังนั้น pluses เหล่านี้เพียงแค่
หมายถึงชอบ concatenation

820
00:42:14,120 --> 00:42:19,810
ดังนั้นนี่เป็นเพียงแค่การสร้างนี้
สตริงที่เกิดภายใน RGB

821
00:42:19,810 --> 00:42:20,310
OK?

822
00:42:20,310 --> 00:42:23,200

823
00:42:23,200 --> 00:42:26,684
>> ผู้ชม: [ไม่ได้ยิน] บวกแล้ว
สีเขียวบวกสีแดงแล้ว

824
00:42:26,684 --> 00:42:30,163
>> ALLISON Buchholtz-AU: ใช่
เพราะผม messed ขึ้น

825
00:42:30,163 --> 00:42:30,890
ปรับหนึ่งว่า

826
00:42:30,890 --> 00:42:32,110
โอ้ยึดมั่นใน

827
00:42:32,110 --> 00:42:32,610
เลขที่

828
00:42:32,610 --> 00:42:36,770
เพราะผมต้องให้แน่ใจว่า
ที่ผมได้รับสิทธิทั้งหมดเหล่านี้

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
ดังนั้นผมจะอธิบายใน Uno Momento

831
00:42:43,950 --> 00:42:47,040
สีเขียว, สีฟ้า, ที่สมบูรณ์แบบ

832
00:42:47,040 --> 00:42:47,971
ตอนนี้ฉันทำ

833
00:42:47,971 --> 00:42:48,470
ผมเชื่อว่า

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> ตกลง

836
00:42:52,530 --> 00:42:58,085
ดังนั้นสิ่งนี้จะเป็นพื้นหลังที่
เป็นไปได้ที่จะกำหนดให้สตริงบาง

837
00:42:58,085 --> 00:42:58,585
ใช่มั้ย?

838
00:42:58,585 --> 00:42:59,710
ซึ่งเป็นสิ่งที่เราได้ที่นี่

839
00:42:59,710 --> 00:43:05,870
มันจะมีบาง RGB 255 จุลภาค
255 ศูนย์จุลภาคหรือสิ่งที่หมายเลขที่คุณ

840
00:43:05,870 --> 00:43:06,512
มีมี

841
00:43:06,512 --> 00:43:08,220
ดังนั้นเรากำลังทำอะไรอยู่ที่นี่
เรามีสตริงบาง

842
00:43:08,220 --> 00:43:11,910
และสิ่งที่เราต้องการจะทำคือเรา
ชนิดของการสร้างแบบไดนามิก

843
00:43:11,910 --> 00:43:14,010
ว่าเมื่อเราจริงเรียกใช้โปรแกรมนี้

844
00:43:14,010 --> 00:43:16,570
ดังนั้นนี่คือสตริงบาง

845
00:43:16,570 --> 00:43:20,290
พลัสเชื่อมกับ
ค่าสีแดงที่มี

846
00:43:20,290 --> 00:43:23,320
ซึ่งเชื่อมกับ
จุลภาคซึ่งเชื่อมมัน

847
00:43:23,320 --> 00:43:26,090
กับสิ่งที่เป็นสีเขียวและ
อื่น ๆ และอื่น ๆ

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
จนท้ายสุดซึ่งเป็น
ปิดวงเล็บของ RGB ที่นี่

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> ดังนั้นสิ่งนี้เป็นไปได้
สร้างเป็นคำสั่งบางอย่างจริงๆ

852
00:43:37,230 --> 00:43:42,770
ที่เป็น RGB ของสามตัวเลข
พื้นหลังที่มีการตั้งค่าในขณะนี้เพื่อ

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
ดังนั้นเรามาดูว่าการทำงานนี้

855
00:43:46,510 --> 00:43:49,720
ฉันหวังว่ามันไม่เพราะถ้ามัน
ไม่ได้ฉันจะเป็นจริงที่น่าเศร้า

856
00:43:49,720 --> 00:43:50,250
โอ้ไม่

857
00:43:50,250 --> 00:43:52,710
ตกลงยึดมั่นใน

858
00:43:52,710 --> 00:43:56,730
พื้นหลังแน่นอน
พื้นหลังลายจุดจุด

859
00:43:56,730 --> 00:43:59,569
แน่นอนฉันหายไป
สิ่งเล็ก ๆ เพียงแค่

860
00:43:59,569 --> 00:44:00,610
คุณไม่เกลียดคนที่?

861
00:44:00,610 --> 00:44:04,020
เมื่อมันเป็นเพียงความผิดพลาดเล็ก ๆ น้อย ๆ ขนาดเล็ก?

862
00:44:04,020 --> 00:44:04,990
พื้นหลังผู้ทรงอำนาจ

863
00:44:04,990 --> 00:44:08,391

864
00:44:08,391 --> 00:44:08,890
RGB

865
00:44:08,890 --> 00:44:09,765
>> ผู้ชม: [ไม่ได้ยิน]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON Buchholtz-AU: เลขที่

868
00:44:12,770 --> 00:44:14,050
ฉันพยายามนี้ก่อนที่ชั้น

869
00:44:14,050 --> 00:44:16,570
ผมมีทุกอย่างที่ฉันทำมาก่อน
ชั้นในกรณีที่ผมชอบ

870
00:44:16,570 --> 00:44:17,970
"รอผมทำอะไรผิดหรือเปล่า?"

871
00:44:17,970 --> 00:44:23,190
เพราะผมก็ชอบ "ผมอาจจะ
ระเบียบนี้ขึ้นในบางจุด. "

872
00:44:23,190 --> 00:44:24,150
พลัสสีเขียว

873
00:44:24,150 --> 00:44:26,250
ทุกอย่างดูเหมือนว่ามัน
ตัดแบ่งได้อย่างถูกต้อง

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
ตกลง

876
00:44:30,520 --> 00:44:31,870
>> ผู้ชม: [ไม่ได้ยิน]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON Buchholtz-AU: โอ้มีคุณไป

878
00:44:33,810 --> 00:44:35,520
นั่นคือสิ่งที่ฉันต้องการ

879
00:44:35,520 --> 00:44:36,805
ดูว่า

880
00:44:36,805 --> 00:44:40,090
ทิฟฟานี่ที่จะช่วยเหลือ

881
00:44:40,090 --> 00:44:40,590
สมบูรณ์

882
00:44:40,590 --> 00:44:41,090
ตกลง

883
00:44:41,090 --> 00:44:43,834
ตอนนี้ขอดูว่าการทำงาน

884
00:44:43,834 --> 00:44:44,816
พระเจ้าช่วย

885
00:44:44,816 --> 00:44:45,641
ตกลง

886
00:44:45,641 --> 00:44:46,140
ยึดมั่นใน

887
00:44:46,140 --> 00:44:48,280
>> ผู้ชม: อวกาศหลังจากบวกที่สอง

888
00:44:48,280 --> 00:44:50,310
>> ALLISON Buchholtz-AU: ที่หนึ่ง?

889
00:44:50,310 --> 00:44:52,910
โอ้รอ, ยึดมั่นใน

890
00:44:52,910 --> 00:44:54,870
สวมใส่อวกาศ?

891
00:44:54,870 --> 00:44:57,209
>> ผู้ชม: สองบวกในการ
concatenation สีเขียว

892
00:44:57,209 --> 00:44:58,250
ALLISON Buchholtz-AU: โอ้

893
00:44:58,250 --> 00:44:59,570
ผู้ชม: มีพื้นที่ไม่ได้
หลังจากบวกใช่

894
00:44:59,570 --> 00:45:00,790
ALLISON Buchholtz-AU: คุณ
ไม่จำเป็นว่า but--

895
00:45:00,790 --> 00:45:01,190
ผู้ชม: โอ้คุณทำไม่ได้?

896
00:45:01,190 --> 00:45:01,910
ALLISON Buchholtz-AU: มันดูสวย

897
00:45:01,910 --> 00:45:02,530
ผู้ชม: ตกลง

898
00:45:02,530 --> 00:45:03,030
ตกลง

899
00:45:03,030 --> 00:45:05,170
>> ALLISON Buchholtz ออสเตรเลีย:
ลองดูว่าการทำงานนี้

900
00:45:05,170 --> 00:45:05,670
ตกลง

901
00:45:05,670 --> 00:45:07,836
ฉันฉันเห็นได้ชัดที่ล้มเหลว
การสาธิตนี้ซึ่งทำให้ผมนึกถึง

902
00:45:07,836 --> 00:45:12,810
การบรรยายสัปดาห์อื่น ๆ
แต่ฉันรู้ว่านี้จะทำงาน

903
00:45:12,810 --> 00:45:15,860
ฉันรู้ว่านี้จะทำงาน

904
00:45:15,860 --> 00:45:16,580
เพื่อให้ใกล้เคียง

905
00:45:16,580 --> 00:45:22,330
เว้นแต่ว่าฉันจะลบโดยไม่ตั้งใจ
สคริปต์ของฉันที่นี้

906
00:45:22,330 --> 00:45:24,035
ไม่เป็นบุคคลที่ JS จุด

907
00:45:24,035 --> 00:45:25,776
ตกลงยึดมั่นใน

908
00:45:25,776 --> 00:45:28,650
ผมจะคัดลอกนี้และฉันยัง
เพียงแค่จะลบทุกอย่าง

909
00:45:28,650 --> 00:45:30,108
เพราะผมมีการทำงานก่อนหน้านี้

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> ผมสัญญาว่าจะทำงานได้

912
00:45:33,770 --> 00:45:36,160
ถ้าไม่ได้ผมจะแสดงสิ่งที่ทอมมี่เป็น

913
00:45:36,160 --> 00:45:38,890
และมี

914
00:45:38,890 --> 00:45:42,380
>> ผู้ชม: คุณกำลังอ้างอิงบุคคล
จุด CSS และมันเป็นจุดบุคคล JS

915
00:45:42,380 --> 00:45:45,940
>> ALLISON Buchholtz-AU: อาดี
ที่นี่เป็นฝ่าย JS จุด

916
00:45:45,940 --> 00:45:49,187
ตกลงทำอะไรที่แตกต่างกัน?

917
00:45:49,187 --> 00:45:50,520
ตกลงเราจะดูว่าการทำงานในตอนนี้

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
ปัง

920
00:45:54,980 --> 00:46:02,110
ดังนั้นผมไม่ทราบว่าสิ่งที่ฉันไม่แตกต่างกัน
แต่นี่คือสิ่งที่ควรจะเกิดขึ้น

921
00:46:02,110 --> 00:46:03,230
Kinda เย็น

922
00:46:03,230 --> 00:46:06,650
ผมคลิกที่นี้เช่นตลอดไป

923
00:46:06,650 --> 00:46:11,185
แต่เราสามารถลองดูสิ่งที่ผมทำ
ที่แตกต่างกันว่าคนนี้มี

924
00:46:11,185 --> 00:46:14,560
ผมไม่ทราบว่าเกี่ยวกับพวกคุณ แต่นี้
ลักษณะโดยทั่วไปสิ่งที่ฉันเพิ่งเขียน

925
00:46:14,560 --> 00:46:17,950
มีอาจจะเป็นขาดหายไป
อัฒภาคที่ใดที่หนึ่งเป็นสิ่งที่ฉัน

926
00:46:17,950 --> 00:46:22,064
อันที่จริงหลังจากที่ผมคิดว่าผมหายไป
อัฒภาคขวาที่นี่จริง

927
00:46:22,064 --> 00:46:24,230
แต่ผมไม่สามารถมองเห็นมันเพราะ
มันก็ออกมานอกจอ

928
00:46:24,230 --> 00:46:29,040
>> แต่ถ้าเราสังเกตเห็นนี้สวย
มากว่าสิ่งที่ฉันเพิ่งเขียน

929
00:46:29,040 --> 00:46:33,010
ผมคิดว่าน่าจะเป็นส่วนที่ยากที่สุดเกี่ยวกับ
นี้เป็นเพียงชนิดของสิ่งนี้ขวา

930
00:46:33,010 --> 00:46:36,830
ที่นี่ความเข้าใจ
สิ่งที่มันทำมี

931
00:46:36,830 --> 00:46:42,230
ประเภทนี้ของสิ่งที่คุณเรียนรู้
จริงๆเพียงแค่ Googling และตรงไปตรงมา

932
00:46:42,230 --> 00:46:42,880
เพียงแค่พยายามที่

933
00:46:42,880 --> 00:46:46,770
ถ้าคุณคิดว่ามีบาง
แอตทริบิวต์อาจมี

934
00:46:46,770 --> 00:46:48,382
ดังนั้นลอง

935
00:46:48,382 --> 00:46:49,090
ดูสิ่งที่เกิดขึ้น

936
00:46:49,090 --> 00:46:53,000
ที่ผมกล่าวว่ามีจำนวนมาก
ทดลองกับ JavaScript,

937
00:46:53,000 --> 00:46:56,810
และ PHP และสิ่งที่
สิ่งและ CSS โดยเฉพาะอย่างยิ่ง

938
00:46:56,810 --> 00:47:00,046
นั่นเป็นเพียงความจริง
วิธีที่จะเข้าใจมัน

939
00:47:00,046 --> 00:47:07,100
>> ตกลงดังนั้นหลังจากล้มเหลวกับบุคคลที่
JS จุดเรามีสองตัวเลือกอื่น ๆ

940
00:47:07,100 --> 00:47:10,650
เรามีนาฬิกาหรือทวิตเตอร์

941
00:47:10,650 --> 00:47:12,190
พวกเขาทั้งสองที่น่าสนใจ

942
00:47:12,190 --> 00:47:17,720
อาจจะไม่ได้ค่อนข้างเป็นที่สนุกสนานเป็นบุคคลที่
ซึ่งเป็นจ้าเย็นเล็กน้อย

943
00:47:17,720 --> 00:47:19,595
สิ่งที่สิ้นสุด

944
00:47:19,595 --> 00:47:21,714
อย่าพวกคุณมีการตั้งค่าใด ๆ

945
00:47:21,714 --> 00:47:22,380
ผู้ชม: นาฬิกา?

946
00:47:22,380 --> 00:47:22,950
ALLISON Buchholtz-AU: นาฬิกา?

947
00:47:22,950 --> 00:47:23,450
ตกลง

948
00:47:23,450 --> 00:47:25,390
เย็น

949
00:47:25,390 --> 00:47:30,460
>> ดังนั้นอีกครั้งเรามีของเรา
ไฟล์จาวาสคริปต์ที่ว่างเปล่า

950
00:47:30,460 --> 00:47:35,800
และในขณะที่เราเห็นที่นี่เรา
มีบาง HTM​​L ง่ายมาก

951
00:47:35,800 --> 00:47:40,010
เรามีแผ่นรูปแบบของเราที่เพิ่ง
รูปแบบสิ่งที่มันควรมีลักษณะดังนี้

952
00:47:40,010 --> 00:47:42,860
เรามี div ของเราด้วย
Id ของนาฬิกาซึ่ง

953
00:47:42,860 --> 00:47:44,420
เพียงกล่าวว่า "นี้ควรจะเป็นนาฬิกา."

954
00:47:44,420 --> 00:47:47,650
และเรามีการเชื่อมโยงของเรา
ไปยังไฟล์จาวาสคริปต์ของเรา

955
00:47:47,650 --> 00:47:51,400
ที่จริงจะ
สร้างนาฬิกาของเราเพื่อเรา

956
00:47:51,400 --> 00:47:56,060
เพราะสิ่งที่เย็นคือการที่คุณสามารถ
ตั้ง JavaScript เพื่อการฟื้นฟูโดยอัตโนมัติ

957
00:47:56,060 --> 00:47:56,963
ตัวเอง

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
ดังนั้นแทนที่จะรอให้
ผู้ใช้สามารถกดรีเฟรชในหน้า

960
00:48:01,580 --> 00:48:03,840
เพื่อที่คุณจะได้รับ
เวลาปรับปรุง JavaScript

961
00:48:03,840 --> 00:48:06,760
สามารถปรับปรุงมัน แต่มันชอบ

962
00:48:06,760 --> 00:48:12,082
>> ดังนั้นเช่นเดียวกับหนึ่งสุดท้ายของเราที่เราต้องการ
ในการเข้าถึงพื้นหลังของเราใช่มั้ย?

963
00:48:12,082 --> 00:48:14,790
ดังนั้นสิ่งที่คุณคิดว่าอาจจะเป็น
สิ่งแรกที่เราต้องการจะทำที่นี่?

964
00:48:14,790 --> 00:48:19,538
ถ้าเราชนิดของออกไป
การเรียงลำดับของกระบวนทัศน์ที่นี่?

965
00:48:19,538 --> 00:48:22,200
เราอาจต้องการที่จะ
เข้าถึงนาฬิกาของเราใช่มั้ย?

966
00:48:22,200 --> 00:48:24,724
ดังนั้นเรามี var บาง
นาฬิกาซึ่ง equals--

967
00:48:24,724 --> 00:48:26,140
ทำในสิ่งที่เราคิดว่ามันเป็นไปได้?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
เอกสารจุดรับองค์ประกอบคูณฉันยัง
รัก Id Sublime-- และ Id ของเราคือนาฬิกา

970
00:48:42,670 --> 00:48:43,585
อัฒภาค

971
00:48:43,585 --> 00:48:45,710
เตรียมพร้อมเพื่อให้แน่ใจว่าจะได้รับ
ผู้อัฒภาคเวลานี้

972
00:48:45,710 --> 00:48:47,835
เพราะผมรู้สึกเหมือนว่า
เป็นปัญหาที่เกิดขึ้นเป็นครั้งสุดท้าย

973
00:48:47,835 --> 00:48:55,980
OK เพื่อให้เป็นผมก็แค่พูดกับการพยายาม
ที่จะมีการใช้งาน JavaScript ฟื้นฟูตัวเอง

974
00:48:55,980 --> 00:48:59,655
มีฟังก์ชั่นนี้ที่ยอดเยี่ยมผม
รู้ว่ามันมาในปีที่ผ่านมาที่มีประโยชน์

975
00:48:59,655 --> 00:49:02,780
ผมไม่แน่ใจว่ามันมีประโยชน์สำหรับการนี​​้
pset แต่ก็เรียกว่าช่วงเวลาชุด

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
และนี่เป็นจริงจริงๆ
เย็นถ้าพวกคุณจะทำอะไร

978
00:49:08,200 --> 00:49:11,460
มีเวลาหรือได้รับ
ปรับปรุงข้อมูล

979
00:49:11,460 --> 00:49:13,700
บนเว็บไซต์สุดท้าย
โครงการนี​​้น่าจะเป็น

980
00:49:13,700 --> 00:49:16,240
ฟังก์ชั่นที่คุณต้องการ
รับซุปเปอร์คุ้นเคยกับ

981
00:49:16,240 --> 00:49:19,730
ดังนั้นสิ่งที่จะกำหนดช่วงคือ
เราจะให้มันฟังก์ชั่น

982
00:49:19,730 --> 00:49:21,830
และความถี่ที่ควร
เรียกใช้ฟังก์ชันนี้

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> ดังนั้นในกรณีนี้เรากำลังจะ
สร้างบางฟังก์ชั่นที่ไม่ระบุชื่ออีกครั้ง

985
00:49:26,890 --> 00:49:31,530
ตกลงที่จะได้รับ
วันของเราและเวลาของเรา

986
00:49:31,530 --> 00:49:33,780
และแล้วสิ่งที่ปรับปรุงและแสดง

987
00:49:33,780 --> 00:49:35,130
ดังนั้นเราจะต้องกังวลเกี่ยวกับการที่

988
00:49:35,130 --> 00:49:39,120
เราจะเป็นเหมือนการสร้างนาฬิกาที่นี่

989
00:49:39,120 --> 00:49:41,750
แต่สิ่งที่เราต้องเป็นวิธีการที่
มักจะฟื้นฟูมัน

990
00:49:41,750 --> 00:49:43,930
ดังนั้นในกรณีนี้ก็เพียงมิลลิวินาที

991
00:49:43,930 --> 00:49:46,877
ดังนั้นเราจึงกำลังจะ
ทำ 100 มิลลิวินาที

992
00:49:46,877 --> 00:49:48,210
แน่นอนโดยพลการอย่างสมบูรณ์

993
00:49:48,210 --> 00:49:50,600
ถ้าคุณอยากให้มันปรับปรุง
มากขึ้นช้าคุณจะทำได้

994
00:49:50,600 --> 00:49:53,300
เราสามารถรับประทานอาหารรอบ
กับช่วงเวลาที่ตั้งไว้

995
00:49:53,300 --> 00:49:57,240
วิธีการใหญ่ช่วงของเราคือหลังจากที่เราได้รับ
นาฬิกาทำงานซึ่งหวังว่าฉันจะ

996
00:49:57,240 --> 00:49:59,660
จะได้รับการ

997
00:49:59,660 --> 00:50:04,110
ดังนั้นนี่เป็นเพียงการพูดว่า "ต​​กลงโทร
ฟังก์ชั่นนี้ทุก ๆ 100 มิลลิวินาที. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
นั่นคือทั้งหมดที่มันไม่

1000
00:50:07,280 --> 00:50:12,290
>> ดังนั้นสิ่งที่เราต้องการฟังก์ชั่นของเราที่จะ
ทำคือเราต้องการที่จะมีวันที่บาง

1001
00:50:12,290 --> 00:50:14,200
และบางครั้งเป็นสิ่งที่
เรากำลังจะมี

1002
00:50:14,200 --> 00:50:19,740
ดังนั้นเราสามารถเริ่มต้นกับเรา
วันเท่ากับบางสิ่งบางอย่าง

1003
00:50:19,740 --> 00:50:22,708
และเวลาของเราเท่ากับบางสิ่งบางอย่าง
ที่เรายังไม่รู้

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
หรือที่จริงเราก็ต้องวันเพราะ
วันที่จะไปรวมทุกอย่าง

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
อีกครั้งถ้าคุณเพียงแค่อะไรเกี่ยวกับ Google
สิ่งที่คุณต้องการจะทำอย่างไรถ้าคุณเขียน "โอเค

1008
00:50:40,010 --> 00:50:41,980
ผมต้องการที่จะได้รับเวลา
ผ่านทางจาวาสคริปต์ "มัน

1009
00:50:41,980 --> 00:50:45,890
ที่จะทำให้คุณยิ่งใหญ่นี้
ฟังก์ชั่นที่เรียกว่าวันที่ได้รับ

1010
00:50:45,890 --> 00:50:48,664
แท้จริงสิ่งที่มากที่สุด
ที่คุณต้องการจะทำ

1011
00:50:48,664 --> 00:50:50,830
JavaScript เป็นไปได้
มันทำเพื่อคุณแล้ว

1012
00:50:50,830 --> 00:50:55,770
ดังนั้นจึงเป็นตัวอักษรเหมือนใหม่
ได้รับวันซึ่งเป็น creating--

1013
00:50:55,770 --> 00:50:58,600
หรือวันที่ใหม่ rather--
ซึ่งคือการสร้าง

1014
00:50:58,600 --> 00:51:03,690
วัตถุบางอย่างที่แสดงถึงวันที่

1015
00:51:03,690 --> 00:51:08,200
>> และสิ่งที่เรากำลังจะทำที่นี่
นี้ฉันเท่าไหร่ฉันจะเขียนนี้

1016
00:51:08,200 --> 00:51:10,820
แล้วอธิบายสิ่งที่มันไม่

1017
00:51:10,820 --> 00:51:12,560
ดังนั้นผมจะทำให้แน่ใจว่าผมได้รับสิทธินี้

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> ตกลงดังนั้นสิ่งที่ฟังก์ชั่นนี้
ไม่เป็นเราเป็นแค่

1020
00:51:23,440 --> 00:51:30,680
การสร้าง HTM​​L ที่เป็นจริง
จะไปภายใน Id ของเรา div ของนาฬิกา

1021
00:51:30,680 --> 00:51:34,610
ดังนั้นสิ่งนี้เป็นไปได้ทำ
เป็นเพียงการสร้างสตริงบาง OK?

1022
00:51:34,610 --> 00:51:38,510
นั่นคือแล้วจะเป็น
ปลูกลงใน HTML ของเรา

1023
00:51:38,510 --> 00:51:42,130
โดยทั่วไปสิ่งที่จะทำคือ
สิ่งที่ we-- สิ่งที่ฉันจะแสดงให้คุณ

1024
00:51:42,130 --> 00:51:49,070
นั่นคือสิ่งที่เราพูด HTML คือ
เรากำลังจะแทนที่ข้อความที่นี่

1025
00:51:49,070 --> 00:51:51,090
กับสิ่งที่ HTML คือ

1026
00:51:51,090 --> 00:51:56,390
ดังนั้นนี้เป็นไปเพื่อให้
เราเปลี่ยนจุดนาฬิกาของเรา

1027
00:51:56,390 --> 00:52:00,940
HTML จากการเป็นเพียงข้อความนี้
ควรจะเป็นนาฬิกาปลุกที่จริงการแสดง

1028
00:52:00,940 --> 00:52:05,630
ตัวเลขและสิ่งที่เราดูแล
เกี่ยวกับและเป็นจริงโมง

1029
00:52:05,630 --> 00:52:09,810
>> ดังนั้นสิ่งที่เรากำลังจะทำคือเรา
จะเริ่มต้นการสร้าง HTM​​L นี้

1030
00:52:09,810 --> 00:52:16,520
ดังนั้นในทางเดียวกันกับที่เราใช้
ที่จะทำบวกเท่ากับสำหรับจำนวนเต็ม

1031
00:52:16,520 --> 00:52:20,461
ตอนนี้คุณสามารถทำที่สำหรับสตริง
ยกเว้นมันจะเชื่อมพวกเขา

1032
00:52:20,461 --> 00:52:20,960
ใช่มั้ย?

1033
00:52:20,960 --> 00:52:26,070
ขณะที่เราเห็นกับ JS จุดบุคคลเพียงแค่นี้
เชื่อมทุกสิ่งเหล่านี้ร่วมกัน

1034
00:52:26,070 --> 00:52:31,970
เพื่อให้คุณสามารถเชื่อมบิตที่แตกต่างกันของ
HTML จากตัวแปรหรือบิตของสตริง

1035
00:52:31,970 --> 00:52:33,750
ที่คุณเขียนออกมา
ตัวเองและเพียงแค่นี้

1036
00:52:33,750 --> 00:52:38,650
จริงๆช่วยให้คุณแบบไดนามิก
สร้าง HTM​​L ซึ่งเป็นเย็นสวย

1037
00:52:38,650 --> 00:52:42,040
ดังนั้นถ้าคุณมีบางสิ่งบางอย่าง
ผู้ใช้มากเป็นที่เฉพาะเจาะจง

1038
00:52:42,040 --> 00:52:44,130
นี้ช่วยให้คุณสามารถทำเช่นนั้นได้

1039
00:52:44,130 --> 00:52:47,550
>> ดังนั้นเราจึงมี HTML เพื่อที่ฉันจะ
และพยายามให้แน่ใจว่าฉันได้รับสิทธินี้

1040
00:52:47,550 --> 00:52:49,890
ดังนั้นเรากำลังจะทำส่วนหัว h1 บาง

1041
00:52:49,890 --> 00:52:53,610
ดังนั้นสิ่งสำคัญที่ต้องตระหนักถึงที่นี่
คือว่าเป็นจริงเพียง HTM​​L

1042
00:52:53,610 --> 00:52:54,460
ใช่มั้ย?

1043
00:52:54,460 --> 00:52:56,610
เราเขียนที่เกิดขึ้นจริง
โค้ด HTML ในที่นี่ก็

1044
00:52:56,610 --> 00:53:01,090
ไม่ได้เป็นเพียงสตริงในปกติ
วิธีการที่เราจะคิดเกี่ยวกับมัน

1045
00:53:01,090 --> 00:53:02,930
ดังนั้นเราจึงมีบาง HTM​​L

1046
00:53:02,930 --> 00:53:04,940
นี้ถือว่าเป็นสตริงที่นี่ว่า

1047
00:53:04,940 --> 00:53:10,380
และเราจะทำวัน dot-- เรา
ต้องการที่จะได้รับชั่วโมงของเรา

1048
00:53:10,380 --> 00:53:12,910
อีกครั้งถ้าคุณได้ดู
ขึ้นอะไรเกี่ยวกับวันที่

1049
00:53:12,910 --> 00:53:16,160
มันจะบอกคุณเหล่านี้ทั้งหมด
แอตทริบิวต์ที่วันที่มี

1050
00:53:16,160 --> 00:53:17,670
และนี่คือสิ่งที่คุณสามารถใช้กับมัน

1051
00:53:17,670 --> 00:53:20,620
ดังนั้นจึงอาจจะมีสิ่งที่ต้องการ
ได้รับชั่วโมงและได้รับนาที

1052
00:53:20,620 --> 00:53:24,669
และได้รับวินาทีและได้รับมิลลิวินาที
และผู้ที่รู้สิ่งอื่นที่พวกเขามี

1053
00:53:24,669 --> 00:53:27,210
แต่ถ้าคุณมองเข้าไปใน
เอกสารทั้งหมดจะมี

1054
00:53:27,210 --> 00:53:31,980
>> ดังนั้นเราจึงมีได้รับชั่วโมง
และจากนั้นเราจะต้องการ

1055
00:53:31,980 --> 00:53:35,614
เพื่อเชื่อมที่ with-- ฉัน
จะย้ายนี้มากกว่าที่นี่

1056
00:53:35,614 --> 00:53:38,780
ดังนั้นถ้าเรากำลังสร้างตอนนี้เราไม่
จริงสร้างเวลาใช่มั้ย?

1057
00:53:38,780 --> 00:53:43,590
เรามีชั่วโมงและแล้วสิ่งที่เป็น
ระหว่างชั่วโมงและนาที?

1058
00:53:43,590 --> 00:53:45,080
คุณมีอัฒภาคใช่มั้ย?

1059
00:53:45,080 --> 00:53:48,010
ดังนั้นเราจึงต้องการที่จะทำบางอย่างที่นี่อัฒภาค

1060
00:53:48,010 --> 00:53:51,780
แล้วเราต้องการที่จะได้รับของเรา
นาทีดังนั้นในทางเดียวกัน

1061
00:53:51,780 --> 00:53:56,450
ว่าเรามีจุดที่ได้รับชั่วโมง
วิธีการที่เราอาจได้รับนาทีของเราหรือไม่

1062
00:53:56,450 --> 00:54:01,542
มันเป็นตัวอักษรไว้เมื่อวันที่จุดรับ
นาทีซึ่งชนิดของฉันชอบ

1063
00:54:01,542 --> 00:54:03,250
มันเหมือน "โอ้ว่า
ฉันจะได้รับนาทีของฉัน "

1064
00:54:03,250 --> 00:54:05,850
ฉันเพิ่งได้รับนาทีของฉัน

1065
00:54:05,850 --> 00:54:07,500
>> ตกลง

1066
00:54:07,500 --> 00:54:10,990
แล้วเรามีลำไส้ใหญ่ที่นี่อีก

1067
00:54:10,990 --> 00:54:16,350
แล้วถ้าเราต้องการที่จะได้รับของเรา
วินาทีวิธีการที่เราอาจได้รับที่สองของเรา?

1068
00:54:16,350 --> 00:54:17,400
จุดวันที่ได้รับวินาที

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
ฉันคิดว่ามันสวยเย็น

1071
00:54:21,590 --> 00:54:23,589
และสิ่งที่สำคัญคือการ
ตระหนักคือว่าเรายัง

1072
00:54:23,589 --> 00:54:31,730
จำเป็นต้องปิดแท็กของเราที่นี่เพราะ
มันควรจะยังคงถูกต้อง HTM​​L ดังนั้น h1

1073
00:54:31,730 --> 00:54:33,481
เย็น

1074
00:54:33,481 --> 00:54:43,110
>> ดังนั้นหลังจากที่เราสามารถทำนาฬิกา
HTML ภายในจุดเท่ากับ HTML

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
ดังนั้นจำไว้ว่าที่ผมพูด
HTML ภายในพื้น

1077
00:54:46,470 --> 00:54:50,610
ต้องใช้สิ่งที่อยู่ระหว่าง
สองแท็กที่เราได้พูดคุยเกี่ยวกับ

1078
00:54:50,610 --> 00:54:54,470
และแทรกหรือปรุงแต่ง
สิ่งที่อยู่ในที่นั่น?

1079
00:54:54,470 --> 00:54:58,290
ดังนั้นสิ่งนี้ไม่หาก
เรากลับไปนาฬิกาของเรา

1080
00:54:58,290 --> 00:55:04,180
คือนาฬิกาหมายถึง
ทุกอย่างภายใน div นี้

1081
00:55:04,180 --> 00:55:09,770
นี้เป็น HTML ภายใน
ของ Id นาฬิกา div นี้

1082
00:55:09,770 --> 00:55:13,930
และมันก็จะเปลี่ยนไป
HTML ที่เราเพิ่งสร้าง

1083
00:55:13,930 --> 00:55:16,750
ซึ่งซึ่งหวังว่า
หวังว่าหวังว่า

1084
00:55:16,750 --> 00:55:21,026
จะแสดงเวลาที่เหมาะสมในขณะนี้

1085
00:55:21,026 --> 00:55:23,960
เราจะเห็น

1086
00:55:23,960 --> 00:55:25,170
แน่นอน

1087
00:55:25,170 --> 00:55:26,860
ดังนั้นปัญหาทางเทคนิคหลาย

1088
00:55:26,860 --> 00:55:31,480
just-- แอลลิสันของฉัน
ปิดเกมของฉันวันนี้พวก

1089
00:55:31,480 --> 00:55:34,136
ตกลงที่ทำงาน

1090
00:55:34,136 --> 00:55:35,760
นาฬิกาจุ​​ด HTML ภายใน

1091
00:55:35,760 --> 00:55:42,097
มันเป็น HTML จริงเหรอ?

1092
00:55:42,097 --> 00:55:43,180
นอกจากนี้เป็นสิ่งที่เกิดขึ้น

1093
00:55:43,180 --> 00:55:48,750
เมื่อคุณไม่สามารถมองเห็นสิ่งที่คุณ
เพียงแค่มองไปที่รหัสต้นฉบับของคุณ

1094
00:55:48,750 --> 00:55:49,250
ตกลง

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
คุณต้องการที่จะรู้ว่าการทำงานรอบเย็น
ที่เรากำลังจะทำที่นี่?

1097
00:55:54,870 --> 00:55:55,740
>> ผู้ชม: คุณสามารถทำตัวอักษร?

1098
00:55:55,740 --> 00:55:56,580
ตัวอักษร?

1099
00:55:56,580 --> 00:55:58,996
เพราะคุณต้องได้รับชั่วโมง
แล้วได้รับนาที

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON Buchholtz-AU: มัน
คือการได้รับชั่วโมงและ get-- โอ้

1101
00:56:02,590 --> 00:56:04,945
คุณ are-- ดาวทอง

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
มันคือทั้งหมดที่ทดสอบพวก

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
ผมสัญญาว่าจะเป็นคนที่ทำงานก่อนที่ชั้น

1106
00:56:17,330 --> 00:56:22,590
>> OK แต่สิ่งที่เย็นรู้คือ
ที่คุณสามารถ also-- ถ้าบางครั้ง

1107
00:56:22,590 --> 00:56:26,560
ไฟล์ภายนอกของคุณ
ได้รับน้อยบ้า,

1108
00:56:26,560 --> 00:56:30,960
คุณยังสามารถเพียงแค่ใส่พวกเขาตรง
ในที่นี่ซึ่งมีแนวโน้มที่จะแก้ไขสิ่งที่

1109
00:56:30,960 --> 00:56:35,840
ยกเว้นนี้เป็นเหมือนน่าเกลียดจริงๆ

1110
00:56:35,840 --> 00:56:38,050
รูปแบบทุกอย่างแน่นอน

1111
00:56:38,050 --> 00:56:41,425
ตรวจสอบให้แน่ใจว่ามันคือทั้งหมดที่สวย

1112
00:56:41,425 --> 00:56:41,925
ตกลง

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> ฉันอยากจะทำทุกสาธิตเย็น
และพวกเขากำลังเพียงไม่ทำงานออก

1115
00:56:50,621 --> 00:56:51,555
ตกลง

1116
00:56:51,555 --> 00:56:53,890
สคริปต์นาฬิกา var

1117
00:56:53,890 --> 00:57:00,350
ยังไงก็ตามสิ่งที่สำคัญคือ
ว่านี่เป็นวิธีการทั่วไป

1118
00:57:00,350 --> 00:57:01,870
ที่คุณจะจัดรูปแบบ JavaScript

1119
00:57:01,870 --> 00:57:04,490
ที่คุณสามารถดูก็สามารถ
จู้จี้จุกจิกมากบางครั้ง

1120
00:57:04,490 --> 00:57:08,780
แม้ในขณะที่มันเป็นตัวอักษร
ทำงานสองวินาทีที่ผ่านมา

1121
00:57:08,780 --> 00:57:11,820
หรือไม่สองที่สองที่ผ่านมา
แต่มากเมื่อเร็ว ๆ นี้

1122
00:57:11,820 --> 00:57:16,070
>> ดังนั้นเพื่อแสดงสิ่งที่มันควรจะมีลักษณะเหมือน
และการแสดงให้เห็นว่าฉันไม่ได้บ้า

1123
00:57:16,070 --> 00:57:19,730
และทุกอย่างที่เป็นสิ่ง
เดียวกันนี้คือสิ่งที่มันควรมีลักษณะดังนี้

1124
00:57:19,730 --> 00:57:27,410
คุณกำลังจะทำเช่นนี้ส่วนบน
ที่นี่และถ้าคุณดูแหล่งที่มาหน้า

1125
00:57:27,410 --> 00:57:32,160
ถ้าคุณสังเกตเห็นเขาทำบางอย่าง
สิ่ง crazier ผมมันง่าย

1126
00:57:32,160 --> 00:57:35,710
นอกจากนี้เครดิตให้กับทอมมี่
McWilliam ที่จริง

1127
00:57:35,710 --> 00:57:38,810
ช่วยให้ฉันสร้างตัวอย่างเหล่านี้
ซึ่งเป็นเหตุผลที่ฉันรู้ว่าพวกเขาทำงาน

1128
00:57:38,810 --> 00:57:41,560
เพราะทอมมี่เป็นหลัก JavaScript

1129
00:57:41,560 --> 00:57:43,180
แต่ถ้าเราสังเกตเห็นเรามีบางชุด

1130
00:57:43,180 --> 00:57:45,170
เรามีฟังก์ชั่นนาฬิกาของเราที่นี่

1131
00:57:45,170 --> 00:57:48,450
นี่คือทั้งหมดที่ใช้งาน JavaScript ที่
เราเพียงแค่เขียนหรือบางส่วนของมัน

1132
00:57:48,450 --> 00:57:51,470
เราเพียงแค่เขียนคนนี้ที่นี่

1133
00:57:51,470 --> 00:57:54,260
และเขาก็มีพิเศษ
ฟังก์ชั่นที่เพิ่ง pads มัน

1134
00:57:54,260 --> 00:57:57,790
โดยการวางศูนย์ก่อน
ตัวอักษรหรือตัวเลขก่อนถ้ามัน

1135
00:57:57,790 --> 00:57:59,412
เพียงหนึ่งของพวกเขา

1136
00:57:59,412 --> 00:58:02,120
ดังนั้นถ้าคุณสังเกตเห็นนี้สวย
มากว่าสิ่งที่เราเพิ่งเขียน

1137
00:58:02,120 --> 00:58:06,230
คุณมีบางนาฬิกาตัวแปรที่
มีองค์ประกอบของเราได้รับองค์ประกอบโดยประชาชน

1138
00:58:06,230 --> 00:58:07,252
ซึ่งเป็นนาฬิกา

1139
00:58:07,252 --> 00:58:08,960
เรามีช่วงเวลาที่ตั้งของเรา
ฟังก์ชั่นที่

1140
00:58:08,960 --> 00:58:12,670
ฟังก์ชั่นที่ไม่ระบุชื่อ
ที่ดำเนินการทั้งหมดนี้

1141
00:58:12,670 --> 00:58:16,940
เราได้บางสตริงเริ่มต้นของ
HTML ที่เราแล้วแบบไดนามิก

1142
00:58:16,940 --> 00:58:20,750
สร้างโดยมีบางส่วน
ส่วนหัว h1, เชื่อมโยง

1143
00:58:20,750 --> 00:58:23,950
พร้อมกับได้รับชั่วโมงบวก
ลำไส้ของเรารวมทั้งการได้รับ

1144
00:58:23,950 --> 00:58:26,860
นาทีบวกอีก
ลำไส้ใหญ่บวกวินาทีของเรา

1145
00:58:26,860 --> 00:58:29,330
และในที่สุดก็ HTML สิ้นสุดลงสำหรับมัน

1146
00:58:29,330 --> 00:58:34,210
แล้วเราปรับปรุงนาฬิกาของเรา
จุด HTML ภายในเป็น HTML,

1147
00:58:34,210 --> 00:58:37,640
และเราปรับปรุงทุก ๆ 100 มิลลิวินาที

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> ดูฉันสัญญาว่าฉันไม่ได้บ้า

1150
00:58:42,470 --> 00:58:43,440
ฉันไม่รู้

1151
00:58:43,440 --> 00:58:47,160
ผมไม่ทราบว่าทำไมมันไม่ชอบฉัน

1152
00:58:47,160 --> 00:58:54,030
ฉันรู้สึกเหมือนมีลักษณะเดียวกัน
แต่เห็นได้ชัดว่ามันเกลียดฉัน

1153
00:58:54,030 --> 00:58:59,600
>> ถ้าอย่างนั้นเรามาดูกันว่าในรอบสามไปดีกว่า

1154
00:58:59,600 --> 00:59:00,970
เราจะได้เห็น

1155
00:59:00,970 --> 00:59:02,910
ผมไม่แน่ใจว่าวิธีการนี​​้จะไป

1156
00:59:02,910 --> 00:59:06,700
ทุกคนจะได้รับอย่างน้อย
ข้อเสียเช่นเดียวกับรูปแบบทั่วไป

1157
00:59:06,700 --> 00:59:08,480
ของ JavaScript แต่?

1158
00:59:08,480 --> 00:59:15,660
ผมหวังว่าอย่างน้อยที่มีประโยชน์มากขึ้น
กว่าแสดงให้เห็นว่ามันเป็นเรื่องเล็ก ๆ น้อย ๆ จู้จี้จุกจิก

1159
00:59:15,660 --> 00:59:21,190
แต่ชุดปัญหาของคุณจะสนุกมาก

1160
00:59:21,190 --> 00:59:22,590
มันเป็นไปได้ที่ดี

1161
00:59:22,590 --> 00:59:24,820
มันจะไม่ได้ค่อนข้างเป็นที่น่าเบื่อ
เช่นนี้ผมไม่คิดว่า

1162
00:59:24,820 --> 00:59:28,100
จริงๆแล้วคุณจะได้รับ
เห็นสิ่งที่เจ๋งจริงๆ

1163
00:59:28,100 --> 00:59:31,734
>> ดังนั้นสุดท้าย แต่ไม่น้อย,
เราจะพยายามทวิตเตอร์หนึ่ง

1164
00:59:31,734 --> 00:59:32,900
ฉันกลัวจริงๆตอนนี้พวก

1165
00:59:32,900 --> 00:59:35,762
ผมไม่ทราบว่าวิธีการนี​​้จะไป

1166
00:59:35,762 --> 00:59:39,930
แต่เพียงเพื่อให้คุณเล็ก ๆ น้อย ๆ
รสชาติมากขึ้นและนี้เป็นจริง

1167
00:59:39,930 --> 00:59:44,190
การจัดการและสตริง
ปัจจัยการผลิตสิ่งที่เรากำลังจะทำ

1168
00:59:44,190 --> 00:59:50,960
คือถ้าเราสังเกตเห็นที่นี่กับ HTML--
หนึ่งนี้มีนิด ๆ หน่อย ๆ more--

1169
00:59:50,960 --> 00:59:57,200
เรามีพื้นที่ข้อความบางอย่างที่
สอดคล้องกับพื้นที่ข้อความที่นี่

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
และที่มีรหัสของข้อความ

1172
01:00:00,420 --> 01:00:04,520
เรา restyled มันนิด ๆ หน่อย ๆ
ที่มีความกว้างและความสูงบาง

1173
01:00:04,520 --> 01:00:07,310
ที่เราได้กำหนดไว้
และเราได้ h1,

1174
01:00:07,310 --> 01:00:11,260
ซึ่งก็เป็นหนึ่งในหัวของเราที่
หมายถึงตัวละครของเราที่เหลือ

1175
01:00:11,260 --> 01:00:14,570
เราได้ให้มันบาง Id ของ
ตัวอักษรที่เหลือ

1176
01:00:14,570 --> 01:00:18,660
แล้วเรามีสคริปต์บาง
ที่นี่ซึ่งฉันจริงๆ

1177
01:00:18,660 --> 01:00:20,790
หวังว่าครั้งที่สามของ
เสน่ห์ของที่นี่ครับ

1178
01:00:20,790 --> 01:00:26,750
>> ดังนั้นสิ่งที่เราต้องการจะทำ
ในหลอดเลือดดำทั่วไปเดียวกัน

1179
01:00:26,750 --> 01:00:31,480
ที่เราได้ทำด้วยจุดนาฬิกา JS
และจุด JS บุคคลที่เราได้สังเกตเห็น

1180
01:00:31,480 --> 01:00:35,980
คือเราได้เริ่มต้นโดยจริงโลภ
สิ่งที่เราดูแลเกี่ยวกับใช่มั้ย?

1181
01:00:35,980 --> 01:00:42,330
ดังนั้นในกรณีนี้มีสอง
สิ่งที่เราดูแลเกี่ยวกับ OK?

1182
01:00:42,330 --> 01:00:47,199
สิ่งหนึ่งที่เรากำลังจริงชนิดของ
มองเข้าไปในข้อมูลและการวาดภาพจาก

1183
01:00:47,199 --> 01:00:48,990
และสิ่งหนึ่งที่
เรากำลังเปลี่ยนแปลงจริง

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
ดังนั้นจึงมี HTML ของเรา

1186
01:00:53,730 --> 01:01:00,370
ถ้าเป็นหน้าเว็บของเราที่นี่ว่ามีอะไร
ข้อมูลที่เรากำลังมองหาที่?

1187
01:01:00,370 --> 01:01:03,860
มันจะเป็นอะไรก็ตาม
ข้อความในกล่องของเราใช่มั้ย?

1188
01:01:03,860 --> 01:01:05,310
ดังนั้นสิ่งที่ฉันพิมพ์ที่นี่

1189
01:01:05,310 --> 01:01:08,150
นั่นคือสิ่งที่ผมอยากจะทราบหรือ
นั่นคือสิ่งที่ผมอยากจะมองไปที่

1190
01:01:08,150 --> 01:01:10,690
และสิ่งที่เป็นไปได้
การเปลี่ยนแปลงบนหน้าเว็บของเราหรือไม่

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
ตัวอักษรที่เหลือ

1193
01:01:14,880 --> 01:01:19,550
ดังนั้นในทางเดียวกันเราต้องการ
เริ่มต้นด้วยการเริ่มต้นตัวแปร

1194
01:01:19,550 --> 01:01:22,030
ที่จริงถือเข้าองค์ประกอบเหล่านั้น

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
ดังนั้นหากเรามี var บาง
ที่เป็นพื้นที่ข้อความของเรา

1197
01:01:29,930 --> 01:01:33,681
และเรามี var ที่เหลืออยู่บางส่วน

1198
01:01:33,681 --> 01:01:34,180
ใช่มั้ย?

1199
01:01:34,180 --> 01:01:36,190
ดังนั้นเหล่านี้จะ
ถือทั้งสองสิ่ง

1200
01:01:36,190 --> 01:01:42,370
ดังนั้นเรียงกันของสิ่ง,
เอกสาร dot-- ตกลงฉัน

1201
01:01:42,370 --> 01:01:45,920
จะทำให้แน่ใจว่านี่คือ
ไปทำงานในครั้งนี้

1202
01:01:45,920 --> 01:01:49,620
ผมยืนกรานมาก

1203
01:01:49,620 --> 01:01:53,310
ตกลงดังนั้นถ้าเราต้องการของเรา
พื้นที่ข้อความตาม

1204
01:01:53,310 --> 01:01:55,710
เพื่อ HTML ของเราสิ่งที่ระบุของเราหรือไม่

1205
01:01:55,710 --> 01:01:56,420
Id ของเราคืออะไร?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
มันเป็นเพียงแค่จะเป็นเพราะข้อความ
นี้จะสร้างพื้นที่ข้อความของเราตกลง

1208
01:02:05,540 --> 01:02:10,320
และ Id ของเราคือข้อความเพื่อให้เป็น
วิธีการที่เราสามารถคว้าสิ่งที่อยู่ในนั้น

1209
01:02:10,320 --> 01:02:12,130
ตกลงอัฒภาค

1210
01:02:12,130 --> 01:02:13,940
ฉันจะเป็นซุปเปอร์
ที่แม่นยำเกี่ยวกับเรื่องนี้

1211
01:02:13,940 --> 01:02:16,300
เพราะผมอยากให้เรื่องนี้ในการทำงานครั้งนี้

1212
01:02:16,300 --> 01:02:22,120
ตกลงทำในสิ่งเดียวกัน
ได้รับองค์ประกอบตามหมายเลข

1213
01:02:22,120 --> 01:02:25,970
ฉันสงสัยจริงๆสิ่งที่มี
ก่อให้เกิดอีกสองที่จะเลอะ

1214
01:02:25,970 --> 01:02:29,750
OK แล้วในหนึ่งนี้
สิ่งที่เราต้องการเข้าถึง?

1215
01:02:29,750 --> 01:02:30,760
อะไร Id ของเราที่นี่?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
เรามี Id อีก
HTML ของเรามันคืออะไร?

1218
01:02:36,261 --> 01:02:37,552
ผู้ชม: อักขระที่เหลือ

1219
01:02:37,552 --> 01:02:39,343
ALLISON Buchholtz-AU:
อักขระที่เหลือ

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> ตกลง

1222
01:02:44,330 --> 01:02:46,010
เย็น

1223
01:02:46,010 --> 01:02:49,800
ดังนั้นฉันแค่ไป
เขียนนี้อย่างรวดเร็วจริงๆ

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
ฉันแค่จะเขียนนี้ในครั้งที่สอง

1226
01:02:55,330 --> 01:02:56,190
พื้นที่ข้อความดังนั้น

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
มีอะไรที่น่าสนใจคือมีฟังก์ชัน B
จำนวนมากของฟังก์ชั่นที่ไม่เพียง แต่

1229
01:03:06,180 --> 01:03:09,690
ตรงกับของคุณ
เมาส์ แต่แป้นพิมพ์ของคุณ

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
เพื่อให้คุณสามารถพูดได้เมื่อคีย์ใด ๆ
ขึ้นคุณสามารถทำสิ่งที่ต้องการที่

1232
01:03:16,540 --> 01:03:20,450
ดังนั้นหนึ่งที่เรากำลังใช้
ถูกเรียกบนคีย์ขึ้นซึ่ง

1233
01:03:20,450 --> 01:03:25,320
กล่าวว่า "ถ้าคุณกดคีย์ใด ๆ
แป้นพิมพ์ของคุณเมื่อผู้ได้ยก

1234
01:03:25,320 --> 01:03:28,064
นิ้วมือข​​องพวกเขาออกปุ่มนั้น
และที่สำคัญได้กลายเป็น unpressed,

1235
01:03:28,064 --> 01:03:29,480
แล้วเรากำลังจะทำบางสิ่งบางอย่าง. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
ดังนั้นนี้ทำให้รู้สึกใช่มั้ย?

1238
01:03:31,370 --> 01:03:33,540
เพราะตัวละครทุกตัว
เราพิมพ์เราจะ

1239
01:03:33,540 --> 01:03:36,550
ต้องยกนิ้วของเราออก
ของมันดังนั้นเมื่อคีย์ขึ้นไป

1240
01:03:36,550 --> 01:03:40,980
เราสามารถทราบว่าจะพร่อง
ตัวละครของเราที่เหลืออยู่

1241
01:03:40,980 --> 01:03:44,440
>> ดังนั้นเราจึงมีบางอย่างเกี่ยวกับที่สำคัญ
ขึ้นและในทางเดียวกัน

1242
01:03:44,440 --> 01:03:47,480
เรากำลังจะบอกว่า
"OK เมื่อเราทำอย่างนั้นเรา

1243
01:03:47,480 --> 01:03:55,110
กำลังจะสร้างฟังก์ชั่นบางอย่างที่
จะใช้อี "ในกรณีนี้

1244
01:03:55,110 --> 01:03:58,800
และสิ่งที่เราต้องการจะทำคือ
คำนวณจำนวนที่เหลืออยู่

1245
01:03:58,800 --> 01:04:02,510
ตกลงจึงขอเพียงแค่เริ่มต้น
โดยการสร้างตัวแปร

1246
01:04:02,510 --> 01:04:05,830
ดังนั้นเราจึงมีบาง R ตัวแปร
ที่จะเป็นตัวแทน

1247
01:04:05,830 --> 01:04:07,720
จำนวนตัวอักษรที่เรามีเหลือ

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
เรารู้ว่าเราเริ่มต้นด้วย
140 และถ้าเราต้องการที่จะรู้ว่า

1250
01:04:14,540 --> 01:04:18,360
สมมุติว่าความยาวของนี้
สตริงที่ได้รับการป้อนข้อมูล

1251
01:04:18,360 --> 01:04:20,860
พวกคุณจะมีความคิดใด ๆ
วิธีการที่เราจะทำเช่นนั้น?

1252
01:04:20,860 --> 01:04:23,900
ขึ้นอยู่เพียงแค่ออกจากที่เห็นได้ชัด
สิ่งเช่นถ้าเราต้องการชั่วโมง

1253
01:04:23,900 --> 01:04:25,870
เราใช้รับชั่วโมง

1254
01:04:25,870 --> 01:04:28,860
เรารู้ว่าวัตถุของเราคือ
พื้นที่ข้อความ แต่คุณสามารถทำได้คน

1255
01:04:28,860 --> 01:04:33,050
คิดว่าสิ่งที่อาจจะมาหลังจากที่มันได้หรือไม่

1256
01:04:33,050 --> 01:04:35,280
ความคิดใด?

1257
01:04:35,280 --> 01:04:41,730
>> ดังนั้นชนิดหนึ่งนี้น้อย
ใช้งานง่าย แต่ก็มีความยาวจุดมูลค่า

1258
01:04:41,730 --> 01:04:44,700
ดังนั้นเพียงแค่ให้ฉันบาง
แอตทริบิวต์ค่าที่

1259
01:04:44,700 --> 01:04:46,500
เป็นจริงความยาวของสายนี้

1260
01:04:46,500 --> 01:04:50,340
ดังนั้นก็จะพูดว่า "ต​​กลงฉันกำลังมองหา
ที่นี้สตริงทั้งหมดในพื้นที่ข้อความ

1261
01:04:50,340 --> 01:04:52,730
และฉันจะบอก
คุณนานแค่ไหนมันเป็น. "

1262
01:04:52,730 --> 01:04:55,500
เพราะถ้าเราจำสตริง
เป็นเพียงจริงๆอาร์เรย์

1263
01:04:55,500 --> 01:04:58,110
ดังนั้นเราก็สามารถใช้ความยาวของพวกเขา

1264
01:04:58,110 --> 01:05:01,860
ดังนั้นเราจึงมีว่า

1265
01:05:01,860 --> 01:05:04,058
เย็น

1266
01:05:04,058 --> 01:05:09,360
>> แล้วสิ่งที่เราต้องการจะทำคือเรา
ไม่เคยต้องการที่จะช่วยให้ผู้ใช้

1267
01:05:09,360 --> 01:05:12,340
ที่จะใส่มากกว่า
140 ตัวอักษรใช่มั้ย?

1268
01:05:12,340 --> 01:05:15,610
เพราะถ้าเราพูดว่า "โอ้คุณ
เพียง แต่มีมากขนาดนี้ที่เหลืออยู่ "

1269
01:05:15,610 --> 01:05:20,522
แล้วปล่อยให้พวกเขาทำอย่างนั้น
anyways เราได้รับการโกหก

1270
01:05:20,522 --> 01:05:22,230
และนี่ก็เป็นอีกหนึ่ง
สิ่งที่ใช้งาน JavaScript

1271
01:05:22,230 --> 01:05:24,530
สามารถที่ดีจริงๆ
สำหรับผู้ใช้ที่มีการตรวจสอบ

1272
01:05:24,530 --> 01:05:29,062
และให้แน่ใจว่าคุณ
เหมาะกับผู้ใช้ที่อยู่ในกฎระเบียบใด ๆ

1273
01:05:29,062 --> 01:05:30,270
ที่คุณได้ให้แก่พวกเขา

1274
01:05:30,270 --> 01:05:36,020
ดังนั้นหากคุณต้องการที่จะทำสิ่งที่ชอบทำ
แน่ใจว่าคนใส่ที่อยู่อีเมลของพวกเขา

1275
01:05:36,020 --> 01:05:40,242
หรือการทำให้แน่ใจว่าเมื่อพวกเขา
ป้อนรหัสผ่านที่สองพวกเขาจับคู่

1276
01:05:40,242 --> 01:05:41,200
JavaScript สามารถทำเช่นนั้น

1277
01:05:41,200 --> 01:05:44,010
คุณจะทำอะไรบางอย่างเช่น "เมื่อ
การส่งแบบฟอร์ม "หรือเหมือน

1278
01:05:44,010 --> 01:05:48,170
"เมื่อส่งแบบฟอร์มปุ่มคือ
คลิกตรวจสอบสิ่งเหล่านี้. "

1279
01:05:48,170 --> 01:05:49,670
และเราสามารถทำเช่นนั้น JavaScript

1280
01:05:49,670 --> 01:05:52,680
ดังนั้นนั่นคือสิ่งที่
ที่เรากำลังจะทำที่นี่

1281
01:05:52,680 --> 01:05:57,810
>> ดังนั้นสิ่งที่อาจจะมีวิธีการตรวจสอบว่า
พวกเขาได้ไปกว่า 140 ตัวอักษร?

1282
01:05:57,810 --> 01:06:03,310
สิ่งที่จะเกิดขึ้นกับ
ค่าของเรา R ถ้าพวกเขาลอง?

1283
01:06:03,310 --> 01:06:04,760
มันจะเป็นลบใช่มั้ย?

1284
01:06:04,760 --> 01:06:07,380
หรือมันเป็นไปได้น้อย
มากกว่าหรือเท่ากับศูนย์

1285
01:06:07,380 --> 01:06:13,690
ดังนั้นเราจึงสามารถใช้ถ้าเป็น
เช่นเดียวกับทุกอย่างอื่น

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
และเรามีจุดพื้นที่ข้อความบางส่วน
ค่านิยมและสิ่งที่เรากำลังทำอะไรที่นี่

1288
01:06:20,480 --> 01:06:29,940
คือเราเพิ่ง cutting-- มันคืออะไร?

1289
01:06:29,940 --> 01:06:30,900
ขอโทษ

1290
01:06:30,900 --> 01:06:32,732
อันนี้เราก็ต้องการที่จะกลับเท็จ

1291
01:06:32,732 --> 01:06:34,030
ผมสับสน

1292
01:06:34,030 --> 01:06:36,560
Frazzled ทั้งหมดจากสิ่งที่ไม่ได้ทำงาน

1293
01:06:36,560 --> 01:06:40,010
ตกลงเราเพียงต้องการที่จะ
กลับเท็จและจากนั้นเรา

1294
01:06:40,010 --> 01:06:44,160
ต้องการแสดง
อักขระที่เหลืออยู่ใช่มั้ย?

1295
01:06:44,160 --> 01:06:48,720
ดังนั้นด้วยนาฬิกาที่เราทำ
บางสิ่งบางอย่างกับ HTML ด้านขวา?

1296
01:06:48,720 --> 01:06:52,070
ที่เราตั้งค่าเท่ากับบาง
ตัวแปรดังนั้นสิ่งที่เราอาจจะทำที่นี่?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
เรามีอะไรที่เปลี่ยนแปลงภายในของ HTM​​L?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> ผู้ชม: ที่เหลืออยู่?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON Buchholtz-AU:
เรากำลังจะเปลี่ยนที่เหลือ

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
สิทธิทั้งหมดและสิ่งที่เราทำ
ต้องการที่จะตั้งค่าเท่ากับ?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
มันจะเป็น R เนื่องจากว่า
ควรจะเป็นตัวละครของเราที่เหลืออยู่

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
ดังนั้นฉันจริงๆประสาทเพื่อดูว่า
งานนี้ตอนนี้ แต่เราจะเห็น

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
ออกจากนี้

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
นั่นเป็นอย่างรวดเร็วจริงๆ

1312
01:07:37,700 --> 01:07:38,970
[ไม่ได้ยิน] ตกลง

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
อีกครั้งฉันแค่จะแสดงให้คุณ

1315
01:07:45,990 --> 01:07:49,430
สำหรับเหตุผลใด
เหมืองตัดสินใจที่จะไม่ทำงาน

1316
01:07:49,430 --> 01:07:53,354
แต่สิ่งที่ฉันจะแสดงให้คุณอยู่ที่นี้
เท่าไหร่โอ้ผมควรที่จะนำว่าใน

1317
01:07:53,354 --> 01:07:57,470
ตกลงเราสังเกตเห็นแบบเดียวกับที่
สิ่งที่นี่ได้รับพื้นที่ข้อความ

1318
01:07:57,470 --> 01:08:01,070
>> นอกจากนี้ถ้าคุณแจ้งให้ทราบล่วงหน้าผู้ชายถ้ามี
เคยสิ่งที่คุณต้องการจะทำ

1319
01:08:01,070 --> 01:08:04,080
และคุณไม่ทราบวิธีการทำ
มันเพียงแค่คลิกดูแหล่งที่มา,

1320
01:08:04,080 --> 01:08:06,632
และพวกเขากำลังจะบอกคุณ

1321
01:08:06,632 --> 01:08:07,840
บางครั้งก็จะได้รับการเข้ารหัส

1322
01:08:07,840 --> 01:08:11,147
สำหรับ pset ของคุณเราเข้ารหัสทุกอย่าง
ดังนั้นมันก็ดูเหมือนว่าพูดพล่อยๆ

1323
01:08:11,147 --> 01:08:13,480
แต่ถ้ามีเคยจริงๆ
เว็บไซต์เย็นที่คุณต้องการ

1324
01:08:13,480 --> 01:08:17,729
ถ้าคุณเพียงแค่คลิกดูแหล่งที่มา,
มันจะบอกคุณว่าจะทำมัน

1325
01:08:17,729 --> 01:08:20,770
ดังนั้นอีกครั้งทำงานอย่างชาญฉลาดไม่ยาก

1326
01:08:20,770 --> 01:08:24,250
และในขณะที่คุณดูที่นี่ทั้งหมด
สิ่งเหล่านี้จะเหมือนกัน

1327
01:08:24,250 --> 01:08:31,930
คนนี้ที่นี่ใช้เวลาเพียงย่อยบางส่วน
นั้นผมลืมว่าสิ่งนี้จะ

1328
01:08:31,930 --> 01:08:36,980
แต่ก็เห็นได้ชัดว่าจะใช้เวลาย่อยบางส่วน
ของมูลค่าจากศูนย์ถึงสิบ

1329
01:08:36,980 --> 01:08:41,540
และผลตอบแทนที่ผิดพลาดในสิ่งที่ควรจะหยุด
ผู้ใช้จากการป้อนอีกต่อไป

1330
01:08:41,540 --> 01:08:46,040
แล้วเห็นได้ชัดว่าการปรับปรุง
HTML ภายในมี

1331
01:08:46,040 --> 01:08:47,410
>> เย็น

1332
01:08:47,410 --> 01:08:53,000
ขนาดใหญ่ดังนั้นสิ่งที่ได้ใช้เวลาตั้งแต่วันนี้
ทดลองดูซอร์สโค้ด

1333
01:08:53,000 --> 01:08:58,359
เพราะมันจะช่วยให้คุณมาก
และทุกคนบางครั้ง JavaScript

1334
01:08:58,359 --> 01:09:03,200
ยากที่จะทำงานด้วยและไม่ได้
เคยทำงานในแบบที่คุณคาดหวังให้,

1335
01:09:03,200 --> 01:09:05,700
แต่เพียงให้พยายาม
เพราะผมสัญญาว่ามันจะ

1336
01:09:05,700 --> 01:09:08,376
ฉันสัญญาว่าทุกตัวอย่างเหล่านี้
มีการทำงานก่อนที่ชั้น

1337
01:09:08,376 --> 01:09:09,750
ฉันไม่เข้าใจสิ่งที่เกิดขึ้น

1338
01:09:09,750 --> 01:09:13,069
แท้จริงฉันมีทุกอย่างเหมือนกัน

1339
01:09:13,069 --> 01:09:17,660
>> อีกสิ่งหนึ่งที่ผมเพียงต้องการที่จะ
แสดงว่าพวกคุณที่จะมีประโยชน์สุด

1340
01:09:17,660 --> 01:09:21,630
เป็น in-- สิ่งที่ทำงานมาก่อนหรือไม่

1341
01:09:21,630 --> 01:09:23,935
เรามีบุคคลที่ไปทำงานไม่ได้เรา?

1342
01:09:23,935 --> 01:09:26,569
ผมคิดอย่างนั้น

1343
01:09:26,569 --> 01:09:27,069
ใช่

1344
01:09:27,069 --> 01:09:27,630
เราได้

1345
01:09:27,630 --> 01:09:28,250
น่ากลัว

1346
01:09:28,250 --> 01:09:31,189
ตกลงดังนั้นสิ่งหนึ่งที่
พวกคุณควรรู้

1347
01:09:31,189 --> 01:09:33,340
เป็นบันทึกของคอนโซลที่ฉันพูดคุยเกี่ยวกับ

1348
01:09:33,340 --> 01:09:37,040
ดังนั้นปลอบล็อกจุดของสวัสดี

1349
01:09:37,040 --> 01:09:40,430
ดังนั้นนี้เป็นชนิดของ
JavaScript เทียบเท่า printf

1350
01:09:40,430 --> 01:09:42,810
ดังนั้นหากคุณเคยต้องการที่จะ
ตรวจสอบตัวแปรของคุณ

1351
01:09:42,810 --> 01:09:49,649
หรือดูสิ่งที่เกิดขึ้นมีอะไร
คุณสามารถทำได้คือถ้าเราตรวจสอบองค์ประกอบ

1352
01:09:49,649 --> 01:09:51,899
คือสิ่งที่คุณต้องการจะไป
ไปและคุณจะไปเพื่อปลอบใจ,

1353
01:09:51,899 --> 01:09:53,770
คุณจะเห็นว่ามันพิมพ์สวัสดี

1354
01:09:53,770 --> 01:09:55,750
>> ดังนั้นเราจึงสามารถมีได้
พิมพ์สิ่งที่เราต้องการ

1355
01:09:55,750 --> 01:10:04,170
ถ้าเราอยากให้มันพิมพ์พื้นหลัง
พื้นหลังจุดลายจุด,

1356
01:10:04,170 --> 01:10:08,454
เราควรจะสามารถที่จะเห็น
RGB สามที่เกิดขึ้น

1357
01:10:08,454 --> 01:10:11,140
หรือไม่

1358
01:10:11,140 --> 01:10:13,520
รับรองได้เลยว่าวิธีการที่คุณ
พิมพ์ตัวแปรเช่นนั้น

1359
01:10:13,520 --> 01:10:17,249
แต่คุณควรจะสามารถที่จะ
พิมพ์สิ่งที่ต้องการที่

1360
01:10:17,249 --> 01:10:19,040
ที่จะเป็นประโยชน์มาก
สำหรับ pset ของคุณเมื่อ

1361
01:10:19,040 --> 01:10:23,330
คุณกำลังพยายามที่จะจัดการกับ
พิกัดหรือ whatnot

1362
01:10:23,330 --> 01:10:25,270
ดังนั้นพวกเขาจึงยังเปลี่ยนชิ้นส่วนในชั้นนี้

1363
01:10:25,270 --> 01:10:30,750
ซึ่งแตกต่างจากปีที่ผ่านมาดังนั้น
เพียงแค่เป็นที่ดีที่จะ TFS คุณหรือ TFS

1364
01:10:30,750 --> 01:10:36,350
ที่เวลาทำงานค่อนข้างเพราะเรา
ชนิดของการเรียนรู้พร้อมกับพวกคุณ

1365
01:10:36,350 --> 01:10:41,230
แต่คอนโซลบันทึกเป็นซุปเปอร์ซุปเปอร์
เป็นประโยชน์สำหรับการใช้งาน JavaScript ปีที่ผ่านมา

1366
01:10:41,230 --> 01:10:42,740
ดังนั้นรักมัน

1367
01:10:42,740 --> 01:10:43,780
เรียนรู้วิธีการที่จะใช้มัน

1368
01:10:43,780 --> 01:10:49,026
มันง่ายกว่าที่จะใช้ GDB เพื่อให้
ควรมีอย่างน้อยจุดบวก

1369
01:10:49,026 --> 01:10:50,650
แต่ขอขอบคุณพวกคุณแบกรับกับฉัน

1370
01:10:50,650 --> 01:10:53,400
ฉันขอโทษที่ฉัน
ตัวอย่างด้วยเหตุผลบางอย่าง

1371
01:10:53,400 --> 01:10:55,410
ก็ไม่ได้ต้องการที่จะ
ให้ความร่วมมือกับฉัน แต่ฉัน

1372
01:10:55,410 --> 01:11:01,010
หวังว่ามันจะช่วยชนิดของคุณได้รับ
เล็ก ๆ น้อย ๆ มากขึ้นในเขตของ JavaScript

1373
01:11:01,010 --> 01:11:04,980
และส่งคำถามของคุณสำหรับทุก
สัปดาห์ถัดไปดังนั้นผมจึงสามารถซ่อมแซมซุปเปอร์

1374
01:11:04,980 --> 01:11:09,420
และฉันจะนำขนมและแม้พิเศษ
ลูกอมเพราะนี่เป็นเรื่องน่าขัน

1375
01:11:09,420 --> 01:11:14,000
แต่พวกคุณที่ดี
และมีความน่ากลัวสัปดาห์

1376
01:11:14,000 --> 01:11:15,584