1
00:00:00,000 --> 00:00:07,440

2
00:00:07,440 --> 00:00:08,180
>> TOMAS ไรเมอร์: สวัสดีครับทุกคน

3
00:00:08,180 --> 00:00:09,250
ชื่อของฉันโทมัสไรเมอร์

4
00:00:09,250 --> 00:00:10,500
>> MIKE Rizzo: และผมไมค์ Rizzo

5
00:00:10,500 --> 00:00:12,990
>> TOMAS ไรเมอร์: เราเป็นสอง CS50s TS

6
00:00:12,990 --> 00:00:18,910
และวันนี้เรากำลังนำการสัมมนาเรื่อง
JavaScript และ CSS สำหรับปพลิเคชันเว็บ

7
00:00:18,910 --> 00:00:22,140
หากคุณต้องการที่จะทำตาม
การเชื่อมโยงที่ถูกต้องไปที่นั่น

8
00:00:22,140 --> 00:00:25,190
และคุณต้องการที่จะนำมันขึ้น
ในเวลาสั้น ๆ ที่คอมพิวเตอร์ได้อย่างไร

9
00:00:25,190 --> 00:00:27,460
>> มีการเชื่อมโยงเป็น

10
00:00:27,460 --> 00:00:30,390
มันเป็นสถานที่ขนาดเล็กซึ่งมีการเชื่อมโยงไปยัง
ทรัพยากรทั้งหมดที่เรากำลังจะเป็น

11
00:00:30,390 --> 00:00:36,490
ชี้คุณในวันนี้และยังมีจำนวนมาก
ข้อมูลที่เป็นประโยชน์ที่เขียนโดยเรา

12
00:00:36,490 --> 00:00:39,680
อ่านเพิ่มเติมในเชิงลึกเมื่อคุณกลับไป
และคุณกำลังพยายามที่จะจำสิ่งที่

13
00:00:39,680 --> 00:00:42,166
เราไม่พูดว่าสิ่งที่เป็นคุณ
พูดคุยเกี่ยวกับการและอื่น ๆ

14
00:00:42,166 --> 00:00:43,870
>> MIKE Rizzo: ทั้งหมดขวา

15
00:00:43,870 --> 00:00:44,890
ดังนั้นขอเริ่มต้น

16
00:00:44,890 --> 00:00:45,700
>> TOMAS Reimers: ดังนั้นคุณจึงต้องการจะเริ่มต้นอย่างไร

17
00:00:45,700 --> 00:00:45,970
ตกลง

18
00:00:45,970 --> 00:00:47,170
>> MIKE Rizzo: ใช่

19
00:00:47,170 --> 00:00:51,730
ดังนั้นครั้งแรกที่เราอยากจะเริ่มต้นด้วยความกว้าง
ภาพรวมเกี่ยวกับอินเทอร์เน็ตและ

20
00:00:51,730 --> 00:00:54,240
ชนิดแฟ้มเมื่อออกแบบเว็บไซต์

21
00:00:54,240 --> 00:00:57,550
ในขณะที่นำเสนอนี้เราไม่ต้องการที่จะ
ได้รับเป็นจำนวนมากเข้ามาใน JavaScript มาก

22
00:00:57,550 --> 00:01:00,320
ต่อมาในวันที่เราต้องการที่จะเริ่มต้นด้วย
เพียงแค่ชนิดของเช่นเดียวกับมุมมองตานก

23
00:01:00,320 --> 00:01:03,270
ของสิ่งที่เว็บไซต์และวิธีการที่
ที่จะคิดเกี่ยวกับการออกแบบ

24
00:01:03,270 --> 00:01:04,800
เว็บไซต์สำหรับการเริ่มต้น

25
00:01:04,800 --> 00:01:08,370
>> ดังนั้นพวกคุณที่จุดนี้ - กับมัน
เป็นคืนวันศุกร์ - ควรจะมี

26
00:01:08,370 --> 00:01:11,000
ส่ง CS50 การเงินของคุณ
ชุดปัญหา

27
00:01:11,000 --> 00:01:15,260
หวังว่าที่เป็นรสชาติที่ดี
ของสิ่งที่เขียนโปรแกรมเว็บสามารถ

28
00:01:15,260 --> 00:01:18,261
แต่ที่นี่เราต้องการที่จะชนิดของให้
คุณได้ลิ้มรสอีกด้วยเช่นกัน

29
00:01:18,261 --> 00:01:23,190
>> TOMAS Reimers: ดังนั้นเพียงเพื่อสรุปสิ่งที่
ที่เกิดขึ้นเมื่อคุณพิมพ์ใน URL ของคุณจะ

30
00:01:23,190 --> 00:01:26,650
เว็บเบราว์เซอร์ของคุณ URL ที่ได้รับ
เงยหน้าขึ้นในคอมพิวเตอร์

31
00:01:26,650 --> 00:01:28,590
และเครื่องคอมพิวเตอร์ของคุณเชื่อมต่อ
ยังคอมพิวเตอร์เครื่องอื่น

32
00:01:28,590 --> 00:01:29,890
ซึ่งเป็นเจ้าภาพเว็บไซต์ที่

33
00:01:29,890 --> 00:01:33,150
OK ดังนั้นเมื่อคุณไปที่ google.com คุณ
เชื่อมต่อกับอย่างใดอย่างหนึ่งของ Google

34
00:01:33,150 --> 00:01:36,496
คอมพิวเตอร์ซึ่งมี
ไฟล์สำหรับการ google.com

35
00:01:36,496 --> 00:01:38,750
>> จากนั้นก็ถามหาไฟล์ที่ระบุ

36
00:01:38,750 --> 00:01:40,020
ดังนั้นถ้าคุณไป -

37
00:01:40,020 --> 00:01:41,550
ผมไม่ทราบว่า -

38
00:01:41,550 --> 00:01:48,170
example.com / index.html หรือ / test.html,
คุณกำลังจะขอ

39
00:01:48,170 --> 00:01:49,340
ไฟล์ที่ระบุว่า

40
00:01:49,340 --> 00:01:52,780
และเว็บเซิร์ฟเวอร์ที่จะ
ที่จะกลับมาให้คุณ

41
00:01:52,780 --> 00:01:54,910
>> จากนั้นเมื่อคุณไปถึงไฟล์ที่ -

42
00:01:54,910 --> 00:01:57,750

43
00:01:57,750 --> 00:01:59,950
เมื่อคุณได้รับเครื่องคอมพิวเตอร์ที่
ไฟล์ - มันจะเริ่มต้น

44
00:01:59,950 --> 00:02:00,820
ในการสร้างหน้าเว็บ

45
00:02:00,820 --> 00:02:03,020
ดังนั้นตอนนี้ก็มีไฟล์ HTML,
ซึ่งเป็นประเภทเช่น

46
00:02:03,020 --> 00:02:05,170
โครงสร้างของหน้าเว็บ

47
00:02:05,170 --> 00:02:08,620
ไฟล์ HTML ยังสามารถอ้างอิง
ไฟล์ CSS ที่กำหนด

48
00:02:08,620 --> 00:02:09,889
รูปแบบของหน้าเว็บ

49
00:02:09,889 --> 00:02:12,970
>> ไฟล์จาวาสคริปต์ที่กำหนด
การมีปฏิสัมพันธ์กับหน้าเว็บ

50
00:02:12,970 --> 00:02:15,200
ไฟล์ภาพซึ่งเป็นภาพเพียง

51
00:02:15,200 --> 00:02:19,450
และอาจจะเชื่อมโยงไปยังไฟล์ HTML อื่น ๆ
ซึ่งคุณสามารถเยี่ยมชม

52
00:02:19,450 --> 00:02:22,656

53
00:02:22,656 --> 00:02:24,380
>> MIKE Rizzo: ตกลงที่ดี

54
00:02:24,380 --> 00:02:28,980
ดังนั้นพวกคุณมีบางที
พยายามตั้งขึ้นพื้นที่ท้องถิ่นของคุณ

55
00:02:28,980 --> 00:02:30,810
บนเครื่องเสมือนของคุณ

56
00:02:30,810 --> 00:02:35,650
และที่เพียงแค่ชนิดของเป็นท้องถิ่น
โดเมนที่เครื่องคอมพิวเตอร์ของคุณเป็นเจ้าภาพจัดงานเพียง

57
00:02:35,650 --> 00:02:38,760
สำหรับคุณที่อยู่ IP ของคุณเอง

58
00:02:38,760 --> 00:02:43,300
>> ดังนั้นภายในที่แล้วคุณสามารถเพิ่ม
ไปหน้าเว็บของคุณเอง

59
00:02:43,300 --> 00:02:47,655
ผมหมายถึงใน CS50 การเงินคุณควรมี
เพิ่มบางหน้า HTML ซึ่งเป็น

60
00:02:47,655 --> 00:02:49,410
การจัดเรียงของในห่อกระดาษห่อ PHP

61
00:02:49,410 --> 00:02:54,690
แต่ในที่สุดสิ่งที่หน้า PHP ของคุณ
ถูกแสดงผลเป็นแบบ

62
00:02:54,690 --> 00:02:58,210
>> แต่คิดกลับไปที่จุดเริ่มต้นมาก
pset ของเรามีการตั้ง

63
00:02:58,210 --> 00:03:00,890
สิทธิ์สำหรับทุกอย่างใช่มั้ย?

64
00:03:00,890 --> 00:03:07,270
ดังนั้นเพียงแค่นี้โดยทั่วไปจะช่วยให้เรารู้ว่า
ที่สามารถอ่านเขียนและอาจเป็นไปได้

65
00:03:07,270 --> 00:03:08,730
การดำเนินการแต่ละไฟล์

66
00:03:08,730 --> 00:03:11,870
ดังนั้นเรากำลังจะทำอย่างรวดเร็ว - หือ?

67
00:03:11,870 --> 00:03:15,660
>> TOMAS Reimers: ดังนั้นเราจะ
ที่จะทำสาธิตรวดเร็ว

68
00:03:15,660 --> 00:03:19,560
ดังนั้นเพียงแค่จะเตือนคุณเมื่อคุณ
เชื่อมต่อกับคอมพิวเตอร์ของ Google -

69
00:03:19,560 --> 00:03:20,690
ใครก็ตามที่ -

70
00:03:20,690 --> 00:03:24,060
และขอไฟล์คอมพิวเตอร์เป็นครั้งแรก
ความต้องการที่จะให้แน่ใจว่าคุณได้รับอนุญาต

71
00:03:24,060 --> 00:03:28,790
ที่จริงดูไฟล์ที่หรืออ่านว่า
ยื่นเพราะคุณไม่สามารถเพียงแค่ถาม

72
00:03:28,790 --> 00:03:30,430
ไฟล์ใด ๆ ในคอมพิวเตอร์ที่ใช่มั้ย

73
00:03:30,430 --> 00:03:32,260
ที่จะเป็นอันตรายต่อการรักษาความปลอดภัย

74
00:03:32,260 --> 00:03:37,020
>> ดังนั้นไฟล์ในระบบที่เราใช้เช่น
เครื่องใช้ CS50 นี้มีสาม

75
00:03:37,020 --> 00:03:39,200
คนทั่วไปที่สามารถมี
สิทธิ์ในการบางสิ่งบางอย่าง

76
00:03:39,200 --> 00:03:41,610
ประการแรกคือการที่เกิดขึ้นจริง
เจ้าของไฟล์กล่าวว่า

77
00:03:41,610 --> 00:03:43,820
สองคือกลุ่มที่
ไฟล์เป็น

78
00:03:43,820 --> 00:03:46,090
เราจะไม่ให้ความสำคัญ
มากเกินไปในที่

79
00:03:46,090 --> 00:03:50,010
และสิ่งสุดท้ายคือการจัดเรียงของเช่น
โลกหรือเหมือนคนอื่นที่เป็น

80
00:03:50,010 --> 00:03:54,130
ไม่เฉพาะไฟล์ที่และไม่ได้
มีสิทธิการเป็นเจ้าของใด ๆ ที่มากกว่านั้น

81
00:03:54,130 --> 00:04:05,650
>> ดังนั้นถ้าเรามีเจ้าของกลุ่ม
แล้วโลก

82
00:04:05,650 --> 00:04:10,510
แล้วสำหรับแต่ละกลุ่มเหล่านี้คุณ
สามารถมีหนึ่งในสามของสิทธิ์

83
00:04:10,510 --> 00:04:13,010
ตกลงหรือหลายของพวกเขา

84
00:04:13,010 --> 00:04:15,070
คุณสามารถมีสิทธิ์อ่าน

85
00:04:15,070 --> 00:04:16,560
คุณสามารถมีสิทธิ์

86
00:04:16,560 --> 00:04:18,880
และคุณสามารถมีผู้สิทธิ์

87
00:04:18,880 --> 00:04:22,060
>> ดังนั้นในแง่ของประเภทไฟล์ที่เกิดขึ้นจริงอ่าน
ได้รับอนุญาตเป็นเหมือนจริงอ่าน

88
00:04:22,060 --> 00:04:23,250
เนื้อหาของแฟ้ม

89
00:04:23,250 --> 00:04:24,730
ได้รับอนุญาตที่ถูกต้องคือการเขียน
ที่จะบอกว่าไฟล์

90
00:04:24,730 --> 00:04:28,370
ได้รับอนุญาตดำเนินการทำงาน
เช่นไฟล์ที่คุณทำเมื่อคุณเรียกใช้อย่างใดอย่างหนึ่ง

91
00:04:28,370 --> 00:04:29,620
โครงการ CS50 ของคุณ

92
00:04:29,620 --> 00:04:32,190

93
00:04:32,190 --> 00:04:38,820
>> ดังนั้นเมื่อเรากำลังคิดเกี่ยวกับไฟล์
เช่นเมื่อเราต้องการที่จะอ่าน HTML

94
00:04:38,820 --> 00:04:41,790
ไฟล์ที่ต้องโลก
สามารถอ่านได้ใช่มั้ย

95
00:04:41,790 --> 00:04:44,420
น่าจะยังเจ้าของต้องการ
เพื่อให้สามารถแก้ไขไฟล์ที่

96
00:04:44,420 --> 00:04:46,610
เพื่อให้เจ้าของที่จะต้อง
อ่านและเขียนสิทธิ์

97
00:04:46,610 --> 00:04:48,710
พวกเขาไม่ได้จริงๆต้องดำเนินการ

98
00:04:48,710 --> 00:04:50,950
>> กลุ่มเราจะรักษา
เช่นเดียวกับโลกตอนนี้

99
00:04:50,950 --> 00:04:54,610
ดังนั้นพวกเขาจึงจำเป็นต้องอ่านสิทธิ์

100
00:04:54,610 --> 00:04:57,310
แต่พวกเขาไม่จำเป็นต้องเขียน
หรือผู้สิทธิ์

101
00:04:57,310 --> 00:05:01,920
และตอนนี้ถ้าเราคิดว่ากลับไปอดีต
PSETs สิ่งที่เราตระหนักคือชนิดเหล่านี้

102
00:05:01,920 --> 00:05:03,360
มีลักษณะเหมือนของไบนารีใช่ไหม

103
00:05:03,360 --> 00:05:04,210
1 ยืนใช่

104
00:05:04,210 --> 00:05:05,040
0 ไม่

105
00:05:05,040 --> 00:05:06,870
และเราจริงสามารถแปล
นี้เพื่อไบนารี

106
00:05:06,870 --> 00:05:10,478
>> ดังนั้นที่ 110 ในไบนารีจะ 6

107
00:05:10,478 --> 00:05:13,270
100 จะเป็น 4

108
00:05:13,270 --> 00:05:14,690
เช่นเดียวกันกับโลก

109
00:05:14,690 --> 00:05:20,846
ดังนั้นจำนวนที่คุณจะได้รับ
สิทธิ์นี้จะเป็น 644

110
00:05:20,846 --> 00:05:24,400
>> MIKE Rizzo และถ้าคุณคิดว่ากลับไป
เมื่อคุณ chmoded สิ่งที่ผมเชื่อว่า

111
00:05:24,400 --> 00:05:28,980
พวกเขาให้ในปัญหาที่กำหนด
ตัวอย่างของการที่คุณสามารถทำ

112
00:05:28,980 --> 00:05:36,470
สิ่งที่ต้องการ chmod 644
แล้วชื่อไฟล์

113
00:05:36,470 --> 00:05:39,980
644 แล้วตอนนี้คุณสามารถมองเห็นได้โดยตรง
ที่ที่มาจาก

114
00:05:39,980 --> 00:05:42,840
เพื่อหวังว่าจะทำให้
เล็ก ๆ น้อย ๆ ที่ชัดเจนมากขึ้น

115
00:05:42,840 --> 00:05:45,600
>> และเพื่อความชัดเจนแล้วคุณคนที่แต่งตัวประหลาด -

116
00:05:45,600 --> 00:05:48,200
โอ้ใช่นี่เป็นอีกครั้งที่

117
00:05:48,200 --> 00:05:53,260
ดังนั้น 600 แล้วก็จะเป็นตัวอย่าง
เราให้ขึ้นที่นี่ที่เจ้าของมี

118
00:05:53,260 --> 00:05:56,360
อ่านและสิทธิ์ในขณะที่กลุ่ม
และโลกไม่ได้รับอนุญาตใด ๆ

119
00:05:56,360 --> 00:05:58,145
การเข้าถึงไฟล์

120
00:05:58,145 --> 00:06:01,500
>> TOMAS ไรเมอร์: และแล้วเราก็มีอย่างรวดเร็ว
รายการของสิทธิ์ที่พบบ่อย

121
00:06:01,500 --> 00:06:05,250
ดังนั้นไดเรกทอรีที่คุณต้องการ
ที่จะ chmod 711 จริง

122
00:06:05,250 --> 00:06:08,930
ด่วนกัน - ไดเรกทอรีที่จะมี
ได้รับอนุญาตปฏิบัติการหมายความว่าจะสามารถ

123
00:06:08,930 --> 00:06:11,680
เพื่อเปิดไดเรกทอรี

124
00:06:11,680 --> 00:06:15,280
ภาพ, CSS, JavaScript, HTML ความต้องการ
644 เพราะพื้นโลก

125
00:06:15,280 --> 00:06:16,400
ความต้องการสิทธิ์ในการอ่าน

126
00:06:16,400 --> 00:06:20,960
>> และ PHP ซึ่งพวกคุณได้เห็น
ถึงแม้ว่าเราจะไม่ได้พูดคุยเกี่ยวกับเรื่องนี้

127
00:06:20,960 --> 00:06:24,880
อย่างเคร่งครัดเป็น chmoded โดยทั่วไปจะมี
600 ได้รับอนุญาตเพราะมันทำงานด้วย

128
00:06:24,880 --> 00:06:26,540
สิทธิ์ของเจ้าของ

129
00:06:26,540 --> 00:06:27,790
อย่างน้อยในเครื่อง

130
00:06:27,790 --> 00:06:30,200

131
00:06:30,200 --> 00:06:36,870
>> MIKE Rizzo: ดังนั้นถ้าคุณทำไม่ได้โดยเฉพาะ
ระบุชนิดของไฟล์ที่

132
00:06:36,870 --> 00:06:39,480
ที่คุณต้องการในการตั้งค่าจริง
ขึ้นนำเสนอนี้ -

133
00:06:39,480 --> 00:06:43,490
เรามีปัญหากับเรื่องนี้เพราะ
ทุกอย่างไม่ได้อย่างถูกต้อง chmoded -

134
00:06:43,490 --> 00:06:47,550
คุณกำลังจะได้รับชนิดของ
ข้อผิดพลาดที่ต้องห้ามที่เว็บไซต์

135
00:06:47,550 --> 00:06:49,700
ไม่จริงไม่ได้รับอนุญาต
การเข้าถึงไฟล์ใด

136
00:06:49,700 --> 00:06:51,370
คุณต้องการที่จะเข้าถึง

137
00:06:51,370 --> 00:06:54,780
และแน่นอนที่สามารถแก้ไข -
ในขณะที่ปัญหาการตั้งค่า - โดยการเปลี่ยน

138
00:06:54,780 --> 00:06:56,405
สิทธิ์ที่เหมาะสม

139
00:06:56,405 --> 00:06:59,620
>> TOMAS ไรเมอร์: และสุดท้ายสำหรับการแสดงความคิดเห็น
การพัฒนาท้องถิ่นได้อย่างรวดเร็วเป็น - เรา

140
00:06:59,620 --> 00:07:02,000
นี้ขึ้นมา แต่เราแค่อยาก
ที่จะนำมันขึ้นมาอีกครั้ง -

141
00:07:02,000 --> 00:07:06,230
ถ้าคุณถามสำหรับเซิร์ฟเวอร์ - พื้นที่ท้องถิ่นนั้น
ตัวอย่างเช่น com หรือสิ่ง. -

142
00:07:06,230 --> 00:07:09,170
และคุณไม่ได้ระบุแฟ้มที่เฉพาะเจาะจง
ไฟล์ที่เครื่องคอมพิวเตอร์ของคุณจะ

143
00:07:09,170 --> 00:07:11,540
จะขอเรียกว่า index.html

144
00:07:11,540 --> 00:07:12,790
หรือถ้าไม่ได้อยู่ index.php

145
00:07:12,790 --> 00:07:15,560

146
00:07:15,560 --> 00:07:16,350
>> เย็น

147
00:07:16,350 --> 00:07:19,560
เพื่อให้เป็นเพียงสรุปของทุกอย่าง
หวังว่าที่เราได้ครอบคลุมใน

148
00:07:19,560 --> 00:07:22,800
ส่วนและการบรรยาย
และจนถึงขณะนี้ใน CS50

149
00:07:22,800 --> 00:07:26,110
และตอนนี้เรากำลังจะเริ่มต้นการพูดคุย
เกี่ยวกับห้องสมุดเฉพาะ

150
00:07:26,110 --> 00:07:30,270
และ CSS ห้องสมุด
ปพลิเคชันเว็บ

151
00:07:30,270 --> 00:07:36,350
>> ดังนั้นเหตุผลหนึ่งที่รวดเร็วเหตุผลที่เรามี
ห้องสมุดมีการเขียนโปรแกรม -

152
00:07:36,350 --> 00:07:39,000
มีจำนวนมากของปัญหาในการเป็น
การเขียนโปรแกรมที่ให้ popping ขึ้น

153
00:07:39,000 --> 00:07:40,570
อีกครั้งและอีกครั้งและอีกครั้ง

154
00:07:40,570 --> 00:07:43,870
คุณอาจพบว่าจำนวนมากของเว็บไซต์
ต้องมีความสามารถในการเลื่อนลง

155
00:07:43,870 --> 00:07:49,100
เมนูตัวอย่างเช่นหรือต้องการความสามารถในการ
จะมีปุ่มมาตรฐานมาก

156
00:07:49,100 --> 00:07:51,400
รูปแบบซึ่งอาจจะไม่เป็น
สิ่งที่ง่ายที่สุด

157
00:07:51,400 --> 00:07:54,670
ตอนนี้คุณเริ่มต้นที่จะได้รับเป็น HTML คุณ
ตระหนักดีว่าปุ่มสามารถจริง

158
00:07:54,670 --> 00:07:57,720
ดูน่าเกลียดจริงๆถ้าคุณ
ไม่ได้ทำอะไร

159
00:07:57,720 --> 00:08:00,830
>> ดังนั้นคนจำนวนมากได้เขียน
เรียกว่าห้องสมุด

160
00:08:00,830 --> 00:08:02,990
และในบริบทนี้พวกเขากำลัง
ที่เรียกว่ากรอบ

161
00:08:02,990 --> 00:08:04,790
เรากำลังจะใช้
สองสลับกัน

162
00:08:04,790 --> 00:08:07,360
และสิ่งที่พวกเขาเป็นพวกเขากำลังโดยทั่วไป
เพสตรี้ชิ้นของรหัส -

163
00:08:07,360 --> 00:08:09,130
ทั้ง CSS หรือ JavaScript -

164
00:08:09,130 --> 00:08:13,240
ที่ใช้เวลาไปมาก
ทีมที่คุณมีในการเข้ารหัส

165
00:08:13,240 --> 00:08:17,290
>> ดังนั้นพวกเขาก่อนกำหนดพวงของการเรียนหรือ
ก่อนกำหนดพวงของฟังก์ชั่น

166
00:08:17,290 --> 00:08:20,110
กรณี JavaScript ซึ่ง
คุณสามารถเรียกในภายหลัง

167
00:08:20,110 --> 00:08:22,690
และจากนั้นคุณสามารถเรียงลำดับของรับ
การเข้าถึงรหัสนี้ได้โดยไม่ต้อง

168
00:08:22,690 --> 00:08:23,710
ไม่ต้องทำอะไร

169
00:08:23,710 --> 00:08:27,750
ตัวอย่างของห้องสมุดเป็น CS50.H.
นั่นคือห้องสมุดที่เรามอบให้คุณกลับมา

170
00:08:27,750 --> 00:08:32,090
ในสัปดาห์หนึ่งซึ่งได้รับอนุญาตให้คุณทำ
สิ่งที่ต้องการ GetInt ที่และ GetString

171
00:08:32,090 --> 00:08:35,237
โดยไม่ต้องเขียน
รหัสใด ๆ ด้วยตัวคุณเอง

172
00:08:35,237 --> 00:08:36,179
>> MIKE Rizzo: ทั้งหมดขวา

173
00:08:36,179 --> 00:08:40,299
ดังนั้นที่นี่เช่นเดียวกับที่เราจะต้องรวมถึง
ในคของเราไฟล์ที่แตกต่างกัน

174
00:08:40,299 --> 00:08:46,570
ห้องสมุดเรายังควรจะรวมอยู่ใน
HTML ของเราไฟล์ห้องสมุดที่แตกต่างกัน

175
00:08:46,570 --> 00:08:50,310
ตัวอย่างเช่นถ้าเราต้องการที่จะรวม
ห้องสมุด JavaScript เฉพาะที่นี่

176
00:08:50,310 --> 00:08:52,850
บางทีหนึ่งที่เราได้เขียน
ตัวเองเป็นก็จัดไว้

177
00:08:52,850 --> 00:08:56,000
เรียกว่า script.js เราเพียงแค่
ใช้เครื่องหมายนี้

178
00:08:56,000 --> 00:08:59,500
>> ดังนั้นเราจึงมีประเภทสคริปต์เท่ากับ
JavaScript แหล่งเท่ากับ

179
00:08:59,500 --> 00:09:01,260
JavaScript.js

180
00:09:01,260 --> 00:09:05,190
และถ้าคุณคิดว่ากลับไป CS50 ของคุณ
ปัญหาทางการเงินที่กำหนดถ้าคุณมองใน

181
00:09:05,190 --> 00:09:09,190
header.php ในโฟลเดอร์แม่แบบ
คุณควรจะได้เห็น

182
00:09:09,190 --> 00:09:10,970
บางส่วนของเหล่านี้รวมถึง

183
00:09:10,970 --> 00:09:13,250
ดังนั้นนี่เป็นครั้งแรกหนึ่ง - สคริปต์ -

184
00:09:13,250 --> 00:09:16,080
รวมถึงห้องสมุด JavaScript

185
00:09:16,080 --> 00:09:18,760
รวมทั้งห้องสมุด CSS เป็น
นิด ๆ หน่อย ๆ ที่แตกต่างกัน

186
00:09:18,760 --> 00:09:21,430
>> ที่นี่แทนของสคริปต์
แท็กแท็กที่คุณต้องการเชื่อมโยง

187
00:09:21,430 --> 00:09:27,110
แล้วประเภท CSS ข้อความ
จะแตกต่างกันเพียงเล็กน้อย

188
00:09:27,110 --> 00:09:29,270
คุณไม่เคยมีการรวม
แผ่นลักษณะ rel

189
00:09:29,270 --> 00:09:30,970
แต่ผมคิดว่ามันเป็นโดยทั่วไป
การปฏิบัติที่ดี

190
00:09:30,970 --> 00:09:35,810
>> และแล้วในที่สุด HREF ซึ่งคุณ
อาจจะได้เห็นใน ATAGs ของคุณสำหรับการเชื่อมโยง

191
00:09:35,810 --> 00:09:39,440
ในการเชื่อมโยงที่แตกต่างกันเพียงแค่ระบุ
การเชื่อมโยงในการที่จะพบว่า

192
00:09:39,440 --> 00:09:42,250
ตัวอย่างเช่นถ้าเราต้องการที่จะเชื่อมโยง
ห้องสมุดแตกต่างกัน - ให้เพียงกล่าวว่า -

193
00:09:42,250 --> 00:09:49,330
ที่อาศัยอยู่ใน styles.css

194
00:09:49,330 --> 00:09:54,030
และเราต้องการที่จะเชื่อมโยงว่าในที่
พื้นที่บนเว็บเราจะคัดลอก

195
00:09:54,030 --> 00:09:58,834
แล้ววางลงในสิ่งที่
เรามีสิทธิที่นี่แทน

196
00:09:58,834 --> 00:10:01,340
>> TOMAS Reimers: OK หวังว่าคุณ
คนคุ้นเคย

197
00:10:01,340 --> 00:10:02,410
กับวิธีการที่จะเชื่อมโยง CSS

198
00:10:02,410 --> 00:10:04,000
คุณมีที่จะทำใน
ชุดสีน้ำตาลที่ผ่านมาของคุณ

199
00:10:04,000 --> 00:10:07,110
JavaScript, บางส่วนของคุณอาจจะ
มีประสบการณ์บางอย่างกับ

200
00:10:07,110 --> 00:10:07,980
บางส่วนของคุณอาจไม่ได้

201
00:10:07,980 --> 00:10:12,190
>> ดังนั้นสำหรับตอนนี้รู้ว่าไฟล์ JavaScript
เป็นอย่างมากเช่นไฟล์ CSS ใน

202
00:10:12,190 --> 00:10:15,640
ความรู้สึกที่ว่าคุณสามารถเชื่อมโยงกับมันหรือ
ที่คุณสามารถรวมไว้ภายใน

203
00:10:15,640 --> 00:10:17,360
และจะช่วยให้คุณไปสู่​​สิ่งที่สคริปต์

204
00:10:17,360 --> 00:10:21,820
และเรากำลังจะนำคุณผ่าน
นิด ๆ หน่อย ๆ ของจาวาสคริปต์ในภายหลัง

205
00:10:21,820 --> 00:10:23,560
>> ดังนั้นการใช้ห้องสมุด -

206
00:10:23,560 --> 00:10:26,150
เมื่อคุณได้รวมมันเป็น
ง่ายๆเป็นตัวอักษรโทร

207
00:10:26,150 --> 00:10:29,640
ฟังก์ชั่นหรือเพิ่ม
ชื่อชั้นไป

208
00:10:29,640 --> 00:10:32,220
สิ่งสุดท้ายที่เราต้องการที่จะพูดคุย
เกี่ยวกับในแง่ของห้องสมุด -

209
00:10:32,220 --> 00:10:34,180
และนี่เป็นอีกบันทึกทางเทคนิค -

210
00:10:34,180 --> 00:10:35,860
เป็นใบอนุญาตเปิดแหล่งที่มา

211
00:10:35,860 --> 00:10:41,550
ดังนั้นเมื่อคุณพบห้องสมุดที่เกิดขึ้นจริงเหล่านี้
คุณอาจจะคิดของ

212
00:10:41,550 --> 00:10:47,630
คำถามที่ชอบมันก็โอเคว่าฉันแค่
โดยใช้รหัสของคนอื่นโดยเฉพาะอย่างยิ่ง

213
00:10:47,630 --> 00:10:51,970
เพราะนั่นคือสิ่งที่เราเป็นอย่างมาก
บอกว่าคุณจะไม่ทำในหลักสูตรนี้

214
00:10:51,970 --> 00:10:55,790
>> ดังนั้นในกรณีที่มีการออกใบอนุญาตเปิดแหล่งที่มาที่
จำนวนมากของนักพัฒนา -

215
00:10:55,790 --> 00:10:57,540
เมื่อพวกเขาได้เขียนห้องสมุด
ซึ่งพวกเขาคิดว่าอาจจะเป็น

216
00:10:57,540 --> 00:10:59,450
เป็นประโยชน์กับคนอื่น ๆ -

217
00:10:59,450 --> 00:11:02,420
จะเผยแพร่ไปยังเว็บ
และให้ใบอนุญาต

218
00:11:02,420 --> 00:11:06,620
และใบอนุญาตโดยทั่วไปว่าผมขอ
อนุญาตอื่น ๆ

219
00:11:06,620 --> 00:11:11,250
คนที่จะใช้ชิ้นส่วนของซอฟต์แวร์นี้
ด้วยการเรียงลำดับดังต่อไปนี้

220
00:11:11,250 --> 00:11:13,230
ข้อกำหนด

221
00:11:13,230 --> 00:11:16,100
>> เราได้รวมการเชื่อมโยงไปยังเว็บไซต์ที่ดีที่จะ
ช่วยให้คุณเข้าใจในใบอนุญาต

222
00:11:16,100 --> 00:11:17,720
กรณีที่คุณใช้ในพวกเขา

223
00:11:17,720 --> 00:11:21,680
ข้อกำหนดทั่วไปเป็นสิ่งที่ต้องการ
คุณยินดีที่จะใช้ห้องสมุดของฉันดังนั้น

224
00:11:21,680 --> 00:11:23,000
ตราบใดที่คุณให้ฉันเครดิต

225
00:11:23,000 --> 00:11:25,670
คุณสามารถใช้ห้องสมุดของฉัน
ตราบใดที่เมื่อแบ่ง

226
00:11:25,670 --> 00:11:26,790
คุณไม่โทษฉัน

227
00:11:26,790 --> 00:11:30,310
คุณสามารถใช้ห้องสมุดของฉันนาน ๆ
ที่คุณไม่ได้ใช้ในการทำเงิน

228
00:11:30,310 --> 00:11:31,910
ด้วยตัวคุณเอง

229
00:11:31,910 --> 00:11:34,130
เหล่านี้เป็นชนิดที่พบบ่อย
ข้อกำหนด

230
00:11:34,130 --> 00:11:37,780
>> สำหรับโครงการสุดท้ายนี้ CS50 พวกเขา
ไม่ควรจะเกี่ยวข้องสุดเพราะ

231
00:11:37,780 --> 00:11:41,440
โครงการที่ว่าพวกคุณใช้เป็น
อาจค่อนข้างจัดเรียงของที่รู้จักกัน

232
00:11:41,440 --> 00:11:44,170
แต่เมื่อคุณจริงออกไปสู่
โลกและเริ่มต้นการใช้ห้องสมุดที่

233
00:11:44,170 --> 00:11:48,100
อาจจะหรืออาจไม่สามารถดำเนินการเช่นเดียวกับที่
บางคนที่ได้รับความนิยมมากขึ้นเรา

234
00:11:48,100 --> 00:11:49,780
ไปได้ที่จะผ่าน

235
00:11:49,780 --> 00:11:53,310
มันเป็นเรื่องดีที่จะสามารถที่จะเข้าใจ
ใบอนุญาตเหล่านี้และเพื่อ

236
00:11:53,310 --> 00:11:54,560
เข้าใจในสิ่งที่พวกเขาหมายถึง

237
00:11:54,560 --> 00:11:58,120

238
00:11:58,120 --> 00:11:58,586
และจะกลับไป

239
00:11:58,586 --> 00:12:00,960
>> MIKE Rizzo: OK

240
00:12:00,960 --> 00:12:04,850
ดังนั้นตอนนี้ย้ายไปยังตัวอย่าง
ของ CSS ที่เกิดขึ้นจริง

241
00:12:04,850 --> 00:12:07,770
ณ จุดนี้ที่ทำให้คุณอาจ
ไม่ได้พบนี้

242
00:12:07,770 --> 00:12:10,300
แต่คุณอาจได้พบมันใน
ชีวิตประจำวันของคุณที่บางสิ่งบางอย่าง

243
00:12:10,300 --> 00:12:13,160
ที่มีลักษณะเดียวกับเบราว์เซอร์
ไม่อาจมีลักษณะเดียวกัน

244
00:12:13,160 --> 00:12:14,880
วิธีการในการเบราว์เซอร์อื่น

245
00:12:14,880 --> 00:12:17,400
>> นี้เรียกว่าเบราว์เซอร์เบราว์เซอร์
ความเข้ากันได้

246
00:12:17,400 --> 00:12:20,780
และมากขึ้นก็กลายเป็นมากขึ้นและ
ปัญหามากขึ้นโดยเฉพาะอย่างยิ่ง

247
00:12:20,780 --> 00:12:25,260
เบราว์เซอร์จะมีเสรีภาพมากขึ้นและมากขึ้น
ที่จะใช้สิ่งที่พวกเขาต้องการ

248
00:12:25,260 --> 00:12:28,440
เพื่อที่จะเอาชนะนั้นมีจริง
ห้องสมุดที่ดีที่เรียกว่า Normalize.CSS

249
00:12:28,440 --> 00:12:32,236

250
00:12:32,236 --> 00:12:33,770
>> TOMAS ไรเมอร์: เรารวมถึงการเชื่อมโยง

251
00:12:33,770 --> 00:12:36,210
ณ จุดนี้ก็เป็นประโยชน์ถ้า
คุณมีแล็ปท็อปของคุณมี

252
00:12:36,210 --> 00:12:38,740
ดูที่เว็บไซต์

253
00:12:38,740 --> 00:12:42,580
และเราจะให้นี้ให้กับคุณได้
ตอนนี้เพียงเพราะ CS50 สุดท้าย

254
00:12:42,580 --> 00:12:44,370
โครงการเป็นจริงจะ
ขอให้คุณที่จะใช้มัน

255
00:12:44,370 --> 00:12:45,860
ในทำนองเดียวกันและผ่านเบราว์เซอร์

256
00:12:45,860 --> 00:12:49,250
>> ดังนั้นเพียงแค่เก็บไว้ในด้านหลังของของคุณ
หัวนี้เป็นห้องสมุดที่ยอดเยี่ยม

257
00:12:49,250 --> 00:12:51,170
เพราะมันจะเรียงลำดับของ
มาตรฐานสิ่งที่

258
00:12:51,170 --> 00:12:54,230
ใน Firefox, บางสิ่งบางอย่างอาจแสดง
เป็นหนึ่งพิกเซลไปทางซ้าย

259
00:12:54,230 --> 00:12:58,390
แล้ว Chrome อาจตัดสินใจว่าจริง
สิ่งที่คุณหมาย 10 พิกเซล

260
00:12:58,390 --> 00:12:59,380
ไปทางซ้าย

261
00:12:59,380 --> 00:13:01,030
และคุณต้องการที่จะสร้างมาตรฐานนี้

262
00:13:01,030 --> 00:13:05,360
ปกติจริงจะทำดีจริงๆ
งานของการตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณ

263
00:13:05,360 --> 00:13:08,070
ดูเบราว์เซอร์ข้ามเดียวกัน

264
00:13:08,070 --> 00:13:10,660
>> MIKE Rizzo: ดังนั้นหากเราต้องการที่จะเพียงแค่
คลิกที่ลิงค์จริงๆได้อย่างรวดเร็วและการแสดง

265
00:13:10,660 --> 00:13:13,140
สิ่งที่มีลักษณะเหมือนคุณ
สามารถดาวน์โหลดได้โดยใช้

266
00:13:13,140 --> 00:13:14,670
ปุ่มดาวน์โหลดยักษ์

267
00:13:14,670 --> 00:13:18,520
หรือฉันขอแนะนำให้คุณอ่านเพิ่มเติมเกี่ยวกับมัน
โดยคลิกที่ลิงก์นี้ในที่ต่ำกว่า

268
00:13:18,520 --> 00:13:19,310
มุมขวา

269
00:13:19,310 --> 00:13:22,420
>> TOMAS ไรเมอร์และถ้าคุณจริง
คลิกอ่านเพิ่มเติมที่นั่น -

270
00:13:22,420 --> 00:13:24,340
คลิกแหล่งที่ GitHub -

271
00:13:24,340 --> 00:13:31,720
คุณจริงจะเห็นโอเพนซอร์ส
ใบอนุญาตใน LICENSE.md มีสิทธิ

272
00:13:31,720 --> 00:13:35,740
และคุณจะเห็นที่นี่เป็น
ใบอนุญาตที่นิยมมาก

273
00:13:35,740 --> 00:13:38,940
อีกครั้งถ้าคุณอ่านผ่านข้อความ
คุณจะสามารถค้นหาได้ในเว็บไซต์

274
00:13:38,940 --> 00:13:42,550
เราก่อนที่จะอ้างอิงและสามารถที่จะ
เข้าใจได้โดยไม่ต้องอ่าน

275
00:13:42,550 --> 00:13:45,920
ผ่านศัพท์แสงทางกฎหมาย

276
00:13:45,920 --> 00:13:46,850
>> MIKE Rizzo: ตกลงที่ดี

277
00:13:46,850 --> 00:13:47,940
ดังนั้นที่ทำให้ปกติ

278
00:13:47,940 --> 00:13:49,190
เราต้องการที่จะให้คุณ
ที่จริงได้อย่างรวดเร็ว

279
00:13:49,190 --> 00:13:50,030
โอ้คุณมีคำถามหรือไม่

280
00:13:50,030 --> 00:13:53,013
>> ผู้ชม: ดังนั้นเมื่อคุณดาวน์โหลดได้คุณ
เพียงทำตามรหัสที่พวกเขาได้ว่า

281
00:13:53,013 --> 00:13:54,098
ภายใต้ปุ่มดาวน์โหลดหรือไม่

282
00:13:54,098 --> 00:13:55,860
>> TOMAS ไรเมอร์: ใช่ดังนั้น
เมื่อคุณดาวน์โหลด -

283
00:13:55,860 --> 00:13:58,130
>> MIKE Rizzo: โอ้ว่าเป็นจุดที่ดี

284
00:13:58,130 --> 00:14:00,700
ดังนั้นคำถามคือวิธีการทำ
เราจริงดาวน์โหลดมันได้หรือไม่

285
00:14:00,700 --> 00:14:03,260
ดังนั้นถ้าเราคลิกลิงค์ที่เราเห็น
ว่ามันจริงปรากฏขึ้น

286
00:14:03,260 --> 00:14:05,030
รหัสที่มา

287
00:14:05,030 --> 00:14:08,550
ดังนั้นการทำเช่นนี้สิ่งที่เราจะทำได้
จะเป็นเพียงการคลิกบันทึกเป็น

288
00:14:08,550 --> 00:14:10,830
บันทึกเป็นและที่ควร
นำขึ้นไฟล์

289
00:14:10,830 --> 00:14:14,160
และแล้วเราสามารถเลือกที่จะบันทึก
เป็น normalize.CSS

290
00:14:14,160 --> 00:14:15,810
แล้วคุณจะต้องเชื่อมโยงใน -

291
00:14:15,810 --> 00:14:18,660
>> TOMAS ไรเมอร์: วิธีเดียวกับที่คุณ
การเชื่อมโยงในไฟล์อื่น ๆ

292
00:14:18,660 --> 00:14:22,250
และเมื่อคุณเชื่อมโยงในสิ่งที่ดี
เกี่ยวกับการทำให้ปกติมันเป็นจริงจะ

293
00:14:22,250 --> 00:14:25,920
ดูแลทุกอย่างหนัก
ทำงานด้วยตัวเอง

294
00:14:25,920 --> 00:14:27,730
ซึ่งหมายความว่าคุณไม่ได้มี
เพื่อเพิ่มการเรียนใด ๆ

295
00:14:27,730 --> 00:14:29,690
>> คุณไม่ต้องทำอะไรแปลก

296
00:14:29,690 --> 00:14:34,590
มันจะปกติโดยคุณ
ทำอะไรต่อไป

297
00:14:34,590 --> 00:14:36,083
ใช่คุณต้องมีมัน

298
00:14:36,083 --> 00:14:38,990

299
00:14:38,990 --> 00:14:40,240
Google Chrome ไม่ตอบสนอง

300
00:14:40,240 --> 00:14:43,270

301
00:14:43,270 --> 00:14:44,860
>> เพียงแค่ได้อย่างรวดเร็วกัน -

302
00:14:44,860 --> 00:14:46,800
ผมสังเกตเห็นเรากระโดดลงไปในนี้

303
00:14:46,800 --> 00:14:49,010
ส่วนที่เหลือของงานนำเสนอนี้เป็น
จะเป็นภาพรวมอย่างรวดเร็ว

304
00:14:49,010 --> 00:14:50,380
การสำรวจของห้องสมุด

305
00:14:50,380 --> 00:14:52,710
>> โดยทั่วไปสิ่งที่พวกเขามี

306
00:14:52,710 --> 00:14:53,350
สิ่งที่พวกเขาทำ

307
00:14:53,350 --> 00:14:54,060
วิธีที่พวกเขากำลังที่มีประโยชน์

308
00:14:54,060 --> 00:14:56,540
วิธีที่คุณอาจจะใช้พวกเขา

309
00:14:56,540 --> 00:14:59,730
หากคุณต้องการที่จะเริ่มมองหาที่พวกเขา
ต่อไปนี้พร้อมและการอ่านผ่าน

310
00:14:59,730 --> 00:15:01,990
พวกเขาก็จะสูงสนับสนุนให้

311
00:15:01,990 --> 00:15:07,620
>> หรือคุณยินดีที่จะ
เริ่มต้นการดาวน์โหลดพวกเขาและรวมทั้ง

312
00:15:07,620 --> 00:15:11,400
พวกเขาอยู่ในสายตาเพียงเพื่อดูสิ่งที่พวกเขา
มีลักษณะเหมือนหรือสิ่งที่พวกเขาทำอย่างไรถ้าคุณมี

313
00:15:11,400 --> 00:15:12,270
แล็ปท็อปของคุณในหน้าของคุณ

314
00:15:12,270 --> 00:15:14,650
ถ้าไม่คุณยินดีที่จะให้
ฟังเราพูดคุย

315
00:15:14,650 --> 00:15:15,500
เรากำลังจะให้พูด

316
00:15:15,500 --> 00:15:18,680
และเรามีเวลาที่สิ้นหวังว่า
เราจริงจะได้รับในการแสดง

317
00:15:18,680 --> 00:15:20,946
สิ่งที่บางส่วนของห้องสมุดเหล่านี้
มีลักษณะเหมือน

318
00:15:20,946 --> 00:15:22,320
>> MIKE Rizzo: Cool

319
00:15:22,320 --> 00:15:25,466
ขวาทั้งหมดดังนั้นตอนนี้ขอพูดคุย
เกี่ยวกับอักษรน่ากลัว

320
00:15:25,466 --> 00:15:30,480
>> TOMAS ไรเมอร์: ตัวอักษรเพื่อให้น่ากลัวคือ
เว็บไซต์ที่ประณีตจริงๆโดยเฉพาะอย่างยิ่งสำหรับผู้ที่

321
00:15:30,480 --> 00:15:32,450
ของเราที่จะไม่งดงาม
มีความสามารถ

322
00:15:32,450 --> 00:15:36,330

323
00:15:36,330 --> 00:15:38,880
โดยไม่สนใจตัวอักษรชื่อน่ากลัวมันจะช่วยให้
คุณพวงของไอคอนที่มี

324
00:15:38,880 --> 00:15:41,050
มีประโยชน์มาก

325
00:15:41,050 --> 00:15:45,950
ดังนั้นหลายครั้งที่คุณจะใช้
ไอคอนที่คุณอาจต้องการเช่น x ดีมาก

326
00:15:45,950 --> 00:15:47,170
ที่คุณสามารถปิดบางสิ่งบางอย่าง

327
00:15:47,170 --> 00:15:49,910
>> หรือคุณอาจต้องการชนิดของปุ่มแก้ไขบางส่วน
ด้วยดินสอเขียนเหมือน

328
00:15:49,910 --> 00:15:50,940
คนอื่นมี

329
00:15:50,940 --> 00:15:53,850
และที่ว่าเมื่อคุณได้เรียนรู้ว่า
วาดภาพไอคอนที่สามารถ

330
00:15:53,850 --> 00:15:55,510
น่าเบื่อมากและยาก

331
00:15:55,510 --> 00:15:59,160
ตัวอักษรน่ากลัว - ถ้าคุณจริง
ไปที่เว็บไซต์ -

332
00:15:59,160 --> 00:16:02,892
จะช่วยให้คุณจำนวนมากของไอคอนที่อยู่ภายใต้
ไอคอนที่ด้านบน

333
00:16:02,892 --> 00:16:06,980
ใช่เพียงแค่ด้านบน

334
00:16:06,980 --> 00:16:09,030
มันจะทำให้คุณเป็นจำนวนมาก
ไอคอนฟรี

335
00:16:09,030 --> 00:16:15,210
>> ดังนั้นที่นี่คุณจะเห็นว่าเรามีสิ่งที่ต้องการ
เครื่องหมาย, บาร์, สายฟ้า,

336
00:16:15,210 --> 00:16:19,750
ปฏิทิน, ข้อผิดพลาด, หนังสือและอื่น ๆ

337
00:16:19,750 --> 00:16:21,110
นี้จะมีประโยชน์มาก

338
00:16:21,110 --> 00:16:24,290
รวมถึงวิธีการที่คุณนี้ก็คือค​​ุณมี
แท้จริงไฟล์ CSS

339
00:16:24,290 --> 00:16:29,760
และหลังจากที่คุณได้รวมไฟล์ CSS,
สิ่งที่คุณสามารถทำได้คือการที่คุณสร้าง

340
00:16:29,760 --> 00:16:33,430
แท็กที่เรียกว่าฉันมัน satands เพื่อ
icon ที่มีระดับเอฟเอ

341
00:16:33,430 --> 00:16:34,460
ยืนตัวอักษรน่ากลัว

342
00:16:34,460 --> 00:16:36,330
และแล้วสิ่งที่ชั้นที่คุณต้องการ

343
00:16:36,330 --> 00:16:41,220
>> ดังนั้นถ้าผมต้องการที่ไอคอนบวกนี้
ตารางที่นี่ฉันจะให้

344
00:16:41,220 --> 00:16:43,290
มันคลาสเอฟเอ

345
00:16:43,290 --> 00:16:46,230
แล้วเอฟเอบวกยัติภังค์ยัติภังค์ตาราง

346
00:16:46,230 --> 00:16:50,325

347
00:16:50,325 --> 00:16:53,710
>> MIKE Rizzo: Cool, โอคลาโฮมา

348
00:16:53,710 --> 00:16:56,980
>> TOMAS ไรเมอร์: แล้ว CSS ล่าสุด
ห้องสมุดที่เราต้องการที่จะได้รับผ่านทางเรา

349
00:16:56,980 --> 00:16:59,950
พยายามที่จะให้มันน้อยที่สุดใน CSS
ห้องสมุดเพราะเราไม่ตระหนักถึง

350
00:16:59,950 --> 00:17:03,660
ชื่อเรื่องของงานนำเสนอนี้
เป็นห้องสมุด JavaScript

351
00:17:03,660 --> 00:17:07,089
แต่เราคิดว่าเราอาจได้เป็นอย่างดี
แนะนำคุณกับห้องสมุดอื่น ๆ

352
00:17:07,089 --> 00:17:09,569
ในขณะที่เรากำลังพูดถึงห้องสมุด

353
00:17:09,569 --> 00:17:11,400
>> มัน Google เว็บแบบอักษร

354
00:17:11,400 --> 00:17:17,040
และสิ่งที่ Google เว็บแบบอักษรที่ช่วยให้คุณ
ทำคือการเพิ่มตัวอักษรในเว็บไซต์ของคุณ

355
00:17:17,040 --> 00:17:22,079
ซึ่งเป็นวิธีที่ง่ายมากที่จะทำให้มัน
สวยและความแตกต่างที่กำหนดไว้

356
00:17:22,079 --> 00:17:24,460
จากคนอื่นคือถ้ามันมี
ตัวอักษรที่ดีหรือถ้ามันมีดี

357
00:17:24,460 --> 00:17:27,790
คอลเลกชันของตัวอักษร

358
00:17:27,790 --> 00:17:31,410
Google เว็บแบบอักษรที่เป็นสิ่งที่ดีไม่เหมือนที่อื่น
ห้องสมุดในแง่ที่ว่ามันเป็น

359
00:17:31,410 --> 00:17:33,490
การติดตั้งที่แนะนำจริงๆ

360
00:17:33,490 --> 00:17:38,680
>> ดังนั้นถ้าคุณทำตามลิงค์ก็
google.com / แบบอักษรที่ผมเชื่อว่า

361
00:17:38,680 --> 00:17:41,100
ถ้าคุณทำตามที่คุณ
สามารถเลือกแบบอักษรของคุณ

362
00:17:41,100 --> 00:17:44,410
คุณสามารถเลือกที่ด้านซ้ายจาก
ความหนา, เอียงและอื่น ๆ

363
00:17:44,410 --> 00:17:48,970
และจากนั้นเมื่อคุณได้เลือกอย่างใดอย่างหนึ่ง
คุณสามารถคลิกที่การใช้งานได้อย่างรวดเร็ว

364
00:17:48,970 --> 00:17:49,820
ที่นั่น

365
00:17:49,820 --> 00:17:51,590
ด้านล่างขวาของกล่อง

366
00:17:51,590 --> 00:17:54,380

367
00:17:54,380 --> 00:17:56,700
>> แล้วเลื่อนลงมา

368
00:17:56,700 --> 00:17:59,600

369
00:17:59,600 --> 00:18:02,650
แรกของทั้งหมดที่พวกเขาให้คุณ CSS ที่
คุณจำเป็นต้องจริงเชื่อมโยงไป

370
00:18:02,650 --> 00:18:03,330
มันอยู่ที่นั่น

371
00:18:03,330 --> 00:18:05,170
คุณก็สามารถคัดลอกและวางที่ค่ะ

372
00:18:05,170 --> 00:18:07,250
และสิ่งที่ดีเกี่ยวกับเรื่องนี้คือ
คุณไม่จริงจำเป็นต้อง

373
00:18:07,250 --> 00:18:08,340
ดาวน์โหลดไฟล์

374
00:18:08,340 --> 00:18:11,170
>> สิ่งที่มันจะทำคือมันจะ
เชื่อมโยงไปยังรุ่นของ Google มัน

375
00:18:11,170 --> 00:18:14,130
เพื่อกลับไปยังสิ่งที่หมายความว่า

376
00:18:14,130 --> 00:18:18,270
ซึ่งหมายความว่าเมื่อผู้ใช้
ดาวน์โหลดไฟล์ของคุณ -

377
00:18:18,270 --> 00:18:22,300
ดาวน์โหลดหน้า HTML ของคุณ - HTML ของคุณ
หน้าจะอ้างอิงไฟล์นี้

378
00:18:22,300 --> 00:18:26,790
>> ดังนั้นแล้วคอมพิวเตอร์ของคุณจะเห็น
โอ้ก็โฮสต์บน google.com ค่อนข้าง

379
00:18:26,790 --> 00:18:28,170
กว่า theirsite.com

380
00:18:28,170 --> 00:18:30,370
ให้ฉันไปถาม Google สำหรับไฟล์ที่

381
00:18:30,370 --> 00:18:32,800
และจากนั้นก็จะรวมถึง
มันเกือบจะเป็นถ้าเป็น

382
00:18:32,800 --> 00:18:35,584
เป็นส่วนหนึ่งของเว็บไซต์ของคุณเอง

383
00:18:35,584 --> 00:18:36,540
>> TOMAS Reimers: Cool

384
00:18:36,540 --> 00:18:40,980
และเมื่อคุณรวมถึงที่แล้ว
รวมไว้ใน CSS ของคุณจะช่วยให้คุณ

385
00:18:40,980 --> 00:18:41,830
เส้นที่เกิดขึ้นจริง

386
00:18:41,830 --> 00:18:45,188
เพื่อให้คุณตั้งตระกูลแบบอักษรสถานที่ให้บริการ
เท่ากับชื่อของแบบอักษรของคุณ

387
00:18:45,188 --> 00:18:47,936

388
00:18:47,936 --> 00:18:50,440
>> MIKE Rizzo: OK

389
00:18:50,440 --> 00:18:52,220
ดังนั้นเราเพิ่งเสร็จสิ้นด้วย CSS

390
00:18:52,220 --> 00:18:57,230
และบางส่วนของคุณอาจจะคิดดี
เรามีบางอย่างใน CSS CS50 การเงิน

391
00:18:57,230 --> 00:19:00,390
แต่ห้องสมุด CSS เป็นบูต

392
00:19:00,390 --> 00:19:05,190
จริงเรามีเงินทุนน้อย
ต่อมาภายใต้ JavaScript เพราะด้วย

393
00:19:05,190 --> 00:19:09,660
ห้องสมุด Bootstrap CSS ยังมาพร้อม
ที่มีจำนวนมากของ JavaScript ที่

394
00:19:09,660 --> 00:19:12,060
บูตหรือ Twitter -
ที่ทำให้เงินทุน -

395
00:19:12,060 --> 00:19:15,426
ใช้ในการจัดการทั้งหมดของ CSS ของพวกเขา

396
00:19:15,426 --> 00:19:19,592
>> TOMAS ไรเมอร์: ทุกคนมีใด
คำถามเพื่อให้ห่างไกลเกี่ยวกับ CSS ในการทั่วไป

397
00:19:19,592 --> 00:19:20,723
เราดีหรือไม่?

398
00:19:20,723 --> 00:19:21,216
น่ากลัว

399
00:19:21,216 --> 00:19:22,495
>> MIKE Rizzo: น่ากลัว

400
00:19:22,495 --> 00:19:25,136
>> TOMAS Reimers: ดังนั้นการเคลื่อนย้าย
เพื่อ JavaScript

401
00:19:25,136 --> 00:19:27,900
>> MIKE Rizzo: ดังนั้นเราต้องการที่จะพูดคุย
เกี่ยวกับ jQuery เพื่อเริ่มต้นด้วย

402
00:19:27,900 --> 00:19:30,780
มีใครได้ยิน jQuery
ก่อนหรือใช้มันได้หรือไม่

403
00:19:30,780 --> 00:19:32,180
ใช่คู่หรือไม่

404
00:19:32,180 --> 00:19:36,000
ดังนั้นหากคุณเพียงแค่ทำงานร่วมกับชาวพื้นเมือง
JavaScript, คุณจะพบว่าตัวเอง

405
00:19:36,000 --> 00:19:41,000
พิมพ์จำนวนมากที่มีตัวเลือกยาวมาก

406
00:19:41,000 --> 00:19:44,400
ดังนั้นสิ่งที่ jQuery ไม่สามารถที่จะให้
เสื้อคลุมที่ดีสำหรับ JavaScript

407
00:19:44,400 --> 00:19:48,180
ภาษาที่ช่วยให้คุณสามารถเลือก
และจัดการกับองค์ประกอบที่แตกต่างกัน

408
00:19:48,180 --> 00:19:52,470
ภายในรูปแบบวัตถุเอกสารของ
หน้าเว็บหรือ DOM ซึ่งผมคิดว่า

409
00:19:52,470 --> 00:19:54,290
พวกคุณเคยได้ยินใน
บรรยายที่จุดนี้

410
00:19:54,290 --> 00:19:57,550
>> TOMAS ไรเมอร์: ถ้าคุณยังไม่เคยได้ยินของ
หรือการบรรยายถ้าคุณยังไม่ได้ดู

411
00:19:57,550 --> 00:20:01,870
ยังแบบวัตถุของเอกสารเป็น
โดยทั่วไปว่าสิ่งที่เป็นตัวแทนของ

412
00:20:01,870 --> 00:20:05,290
HTML ดังนั้นการจัดเรียงของดูเหมือนต้นไม้
จริงเมื่อคุณวาดมันออกมา

413
00:20:05,290 --> 00:20:06,850
คุณมีองค์ประกอบที่ด้านบน

414
00:20:06,850 --> 00:20:07,560
คุณมีหัวและลำตัว

415
00:20:07,560 --> 00:20:09,500
>> แล้วภายในที่คุณ
มีทุกอย่างอื่น

416
00:20:09,500 --> 00:20:10,660
ที่เรียกว่า DOM -

417
00:20:10,660 --> 00:20:12,120
แบบวัตถุของเอกสาร

418
00:20:12,120 --> 00:20:16,090
ดังนั้นรูปแบบที่เป็นตัวแทนของวัตถุใน
เอกสารเป็นวิธีที่ง่ายที่จะคิด

419
00:20:16,090 --> 00:20:18,560
เกี่ยวกับที่

420
00:20:18,560 --> 00:20:22,520
และเป็นหนึ่งในสิ่งที่ดีเกี่ยวกับ jQuery
คือจริงๆมันทำให้ traversing

421
00:20:22,520 --> 00:20:26,460
ที่และองค์ประกอบการจัดการภายใน
ที่ง่ายอย่างไม่น่าเชื่อ

422
00:20:26,460 --> 00:20:30,300
>> เพื่อให้ง่ายในความเป็นจริงที่ว่าส่วนใหญ่ของ
จาวาสคริปต์ห้องสมุดหรือถ้าไม่ได้

423
00:20:30,300 --> 00:20:34,200
ส่วนใหญ่ส่วนใหญ่ของคนที่
คุณจะเห็นจริงต้อง jQuery ดังนั้น

424
00:20:34,200 --> 00:20:37,530
ที่พวกเขาสามารถเรียกตัวเองเพียง
เพราะถ้าคุณไม่ได้มี jQuery คุณ

425
00:20:37,530 --> 00:20:40,540
จะเสียเวลามากพยายามที่จะ
คิดออกว่าจะเลือกบางอย่าง

426
00:20:40,540 --> 00:20:43,660
องค์ประกอบและวิธีการที่จะทำสิ่งอื่น ๆ

427
00:20:43,660 --> 00:20:47,950
และสิ่งที่ดีอื่น ๆ เกี่ยวกับ jQuery
คือว่ามันเป็นเบราว์เซอร์ข้ามกัน

428
00:20:47,950 --> 00:20:51,550
>> ดังนั้นอย่าลืมกลับมาเมื่อเรากล่าวว่า
ไม่ได้ใช้เบราว์เซอร์ทั้งหมด

429
00:20:51,550 --> 00:20:53,100
สิ่งที่ทางเดียวกันได้หรือไม่

430
00:20:53,100 --> 00:20:55,120
นี้จะเป็นจริงได้ใน JavaScript

431
00:20:55,120 --> 00:20:58,220
และหนึ่งในสิ่งที่ดีเกี่ยวกับ jQuery
คือการที่จะตรวจสอบ

432
00:20:58,220 --> 00:21:00,300
เบราว์เซอร์และตรวจสอบ
วิธีการที่เหมาะสม

433
00:21:00,300 --> 00:21:03,420
>> ดังนั้นหากคุณต้องการที่จะเลือกองค์ประกอบ
Internet Explorer อาจจะบอกว่าคุณ

434
00:21:03,420 --> 00:21:05,770
ควรจะทำด้วยวิธีนี้

435
00:21:05,770 --> 00:21:08,300
Firefox อ​​าจจะบอกว่าถูกต้อง
วิธีนี้เป็นวิธีที่

436
00:21:08,300 --> 00:21:09,710
jQuery ไม่สนใจ

437
00:21:09,710 --> 00:21:12,550
เมื่อคุณบอก jQuery เพื่อเลือก
องค์ประกอบมันจะคิดออกว่าเป็น

438
00:21:12,550 --> 00:21:16,290
ควรที่จะทำภายในเบราว์เซอร์
ผู้ใช้อยู่ในขณะนี้และจากนั้นทำ

439
00:21:16,290 --> 00:21:18,584
มันเป็นแบบนั้น

440
00:21:18,584 --> 00:21:22,650
>> MIKE Rizzo: ดังนั้นขอไม่พูดคุยเกี่ยวกับ
การใช้งานของ jQuery นิด ๆ หน่อย ๆ

441
00:21:22,650 --> 00:21:27,670
เช่นเดียวกับ PHP, jQuery มีโดยเฉพาะอย่างยิ่ง
ความรักเครื่องหมายดอลลาร์

442
00:21:27,670 --> 00:21:30,880
ดังนั้นคุณจะพบว่า jQuery ใด ๆ -

443
00:21:30,880 --> 00:21:32,060
ดีที่ไม่ได้ทั้งหมด

444
00:21:32,060 --> 00:21:35,210
บางครั้งคุณสามารถแทนที่เงินดอลลาร์
เซ็นสัญญากับคำ jQuery

445
00:21:35,210 --> 00:21:38,980
แต่โดยทั่วไปเพียงเพราะ
สั้นเมื่อใดก็ตามที่คุณเห็น jQuery เป็น

446
00:21:38,980 --> 00:21:41,420
ใช้มันจะอยู่กับเครื่องหมายดอลลาร์

447
00:21:41,420 --> 00:21:47,030
>> ดังนั้นที่นี่เรากำลังแสดงให้เห็นจุดเริ่มต้น
เลือกองค์ประกอบใน DOM

448
00:21:47,030 --> 00:21:52,850
ที่นี่เรามีเครื่องหมายดอลลาร์ตาม
โดยวงเล็บเปิดแล้วคำพูด

449
00:21:52,850 --> 00:21:56,130
และภายในเครื่องหมายคำพูดไปตัวเลือกของเรา
สำหรับองค์ประกอบที่แตกต่างกัน

450
00:21:56,130 --> 00:21:59,810
เช่นเดียวกับในการใช้ CSS ที่เราต้องการตัวเลือกที่จะ
จะสามารถรูปแบบองค์ประกอบที่แตกต่าง

451
00:21:59,810 --> 00:22:00,840
ภายในหน้า

452
00:22:00,840 --> 00:22:06,555
ผู้ที่ตัวเลือกที่แตกต่างกันแปล
ว่าเป็น jQuery และ JavaScript,

453
00:22:06,555 --> 00:22:07,820
ส่วนใหญ่

454
00:22:07,820 --> 00:22:10,120
>> ดังนั้นที่นี่เรามี foo จุด

455
00:22:10,120 --> 00:22:14,780
ดังนั้นถ้าคุณจำได้จากการบรรยาย
จุดก็หมายความว่าชั้น

456
00:22:14,780 --> 00:22:18,850
ดังนั้นเราเลือกองค์ประกอบ
ด้วย foo ชั้น

457
00:22:18,850 --> 00:22:22,670
ดังนั้นถ้าฉันไปข้างหน้าและเปิดขึ้นของเรา
คอนโซล JavaScript ที่นี่ได้อย่างรวดเร็วจริงๆ

458
00:22:22,670 --> 00:22:26,830
เพียงแค่แสดงให้เห็นว่าถ้าฉันเพียงแค่พิมพ์
เครื่องหมายดอลลาร์เราจะเห็นว่ามันเป็นบางส่วน

459
00:22:26,830 --> 00:22:28,090
ฟังก์ชั่นที่เกิดขึ้น

460
00:22:28,090 --> 00:22:29,420
และจะกำหนดไว้เพียงแค่ jQuery

461
00:22:29,420 --> 00:22:32,120
>> TOMAS ไรเมอร์: สำ​​หรับบรรดาของคุณ
ที่ไม่คุ้นเคยคอนโซลเป็นเครื่องมือ

462
00:22:32,120 --> 00:22:35,430
ภายใน Chrome ซึ่งช่วยให้คุณไป
โดยทั่วไปในการเรียกใช้ JavaScript

463
00:22:35,430 --> 00:22:36,450
หน้าปัจจุบัน

464
00:22:36,450 --> 00:22:39,420
นี้คุณจะพบว่ามีประโยชน์อย่างไม่น่าเชื่อเมื่อ
คุณจริงการแก้จุดบกพร่องและคุณ

465
00:22:39,420 --> 00:22:42,400
ต้องการที่จะเป็นเหมือนสิ่งที่เป็นปัจจุบัน
ค่าของบางตัวแปรทั่วโลกหรือสิ่งที่

466
00:22:42,400 --> 00:22:43,910
เป็นสิ่งอื่นใด

467
00:22:43,910 --> 00:22:47,620
มันเป็นชนิดเช่น GDB มีข้อยกเว้น
ที่คุณสามารถจริง

468
00:22:47,620 --> 00:22:51,600
จัดการกับองค์ประกอบบนหน้าเว็บที่มี
ในแฟชั่นมากขึ้น

469
00:22:51,600 --> 00:22:55,080
และยังไม่ได้โดยทั่วไปให้ตรวจสอบ
ในกับคุณก่อนที่จะได้ทำอะไรเลย

470
00:22:55,080 --> 00:22:58,660
>> ดังนั้นในขณะที่ GDB อาจจะเหมือนที่คุณ
แน่ใจหรือว่าต้องการที่จะใช้ขั้นตอนต่อไปหรือไม่

471
00:22:58,660 --> 00:22:59,830
คอนโซลเป็นจริง

472
00:22:59,830 --> 00:23:03,690
ดังนั้นเป็นหน้าเว็บจะแสดงผลและ
ทำสิ่งที่มันทำ

473
00:23:03,690 --> 00:23:05,720
สภายังทำงานร่วมกับมัน

474
00:23:05,720 --> 00:23:08,330
และคุณสามารถใส่รหัส impute เป็น
คอนโซลที่ซึ่งจะ

475
00:23:08,330 --> 00:23:09,260
จะทำงานบนหน้า

476
00:23:09,260 --> 00:23:12,190
>> MIKE Rizzo: ดังนั้นจะเข้าสู่คอนโซล
ผมคิดว่าผมควรจะสั้น

477
00:23:12,190 --> 00:23:13,750
กล่าวถึงวิธีการทำที่

478
00:23:13,750 --> 00:23:17,850
ปัญหาสุดท้ายที่คุณอาจจะมี
ใช้ Chrome ของการตรวจสอบองค์ประกอบ

479
00:23:17,850 --> 00:23:20,440
ฟังก์ชั่นหรือดูที่มาหน้า -

480
00:23:20,440 --> 00:23:23,870
และผู้ที่จะสามารถเข้าถึงได้เพียงแค่ขวา
คลิกที่หน้าหรือเฉพาะเจาะจง

481
00:23:23,870 --> 00:23:28,430
องค์ประกอบและการทำอย่างใดอย่างหนึ่งตรวจสอบ
องค์ประกอบหรือมุมมองเพจที่มา

482
00:23:28,430 --> 00:23:31,190
นอกจากนี้เรายังสามารถเข้าถึง JavaScript
คอนโซลโดยตรง

483
00:23:31,190 --> 00:23:33,630
เลือกตรวจสอบองค์ประกอบ

484
00:23:33,630 --> 00:23:37,930
คอนโซลเป็นอย่างนั้นคุณเพียงแค่กด
บนด้านขวาสุด

485
00:23:37,930 --> 00:23:41,900
>> หรือคุณจะได้ไปยัง
ที่มุมขวาบน

486
00:23:41,900 --> 00:23:46,820
ที่ถูกตัดออกไปบนหน้าจอนี้ที่
มันมีสามแถบแนวนอน

487
00:23:46,820 --> 00:23:52,010
และคุณจะไปลงไปที่เครื่องมือและ
แล้ว JavaScript คอนโซล

488
00:23:52,010 --> 00:23:53,240
ที่นี่ที่สามารถดู -

489
00:23:53,240 --> 00:23:54,370
อย่างน้อยใน Windows -

490
00:23:54,370 --> 00:23:59,680
ทางลัดคือการควบคุมการเปลี่ยนเจดังนั้นแล้ว
ถ้าเราต้องการที่จะเลือกองค์ประกอบ

491
00:23:59,680 --> 00:24:06,060
ภายในหน้านี้เช่นเดียวกับที่ผมแสดงให้เห็นว่า
ก่อนที่เราจะเปิด parens เครื่องหมายดอลลาร์

492
00:24:06,060 --> 00:24:08,180
แล้วคำพูด

493
00:24:08,180 --> 00:24:11,750
>> สิ่งที่น่าสนใจคือโดยทั่วไป
ราคาเดียวและราคาคู่เป็น

494
00:24:11,750 --> 00:24:12,370
ซึ่งแลกได้

495
00:24:12,370 --> 00:24:16,050
ดังนั้นคนจำนวนมากเพียงแค่ใช้เพียงครั้งเดียว
คำพูดเพราะพวกเขากำลังได้เร็วขึ้นในการพิมพ์

496
00:24:16,050 --> 00:24:19,780
กว่าคำพูดสองเพราะคุณทำไม่ได้
ต้องกด Shift ค้างไว้

497
00:24:19,780 --> 00:24:21,770
ดังนั้นฉันจะทำอย่างนั้นได้ในขณะนี้

498
00:24:21,770 --> 00:24:24,510
>> ดังนั้นผมจึงต้องการที่จะเลือกสิ่งที่
กับชั้น

499
00:24:24,510 --> 00:24:27,200
คอนเทนเนอร์เพียงเพราะฉันรู้ว่า
สิ่งที่เป็นของเรา

500
00:24:27,200 --> 00:24:28,740
หน้าเว็บที่เหมาะสมในขณะนี้

501
00:24:28,740 --> 00:24:29,520
และฉันกด Enter

502
00:24:29,520 --> 00:24:31,670
และเราจะเห็นว่ามันเลือกมัน

503
00:24:31,670 --> 00:24:34,990
ดังนั้นจึงแสดงให้เห็นว่ามัน
กลับมาที่วัตถุ

504
00:24:34,990 --> 00:24:36,620
เพื่อให้เป็นทางเลือกขั้นพื้นฐาน

505
00:24:36,620 --> 00:24:40,080
ถ้าเราต้องการที่จะจัดการกับมันจริง,
คุณจะต้องเรียกสิ่ง

506
00:24:40,080 --> 00:24:43,925
ในการเลือกที่ซึ่ง
เราจะได้รับในภายหลัง

507
00:24:43,925 --> 00:24:49,030
>> TOMAS Reimers: ดังนั้นเพียงแค่มองไปที่ว่า
เพิ่มเติมในเชิงลึกนี้ไม่แตกต่างกัน

508
00:24:49,030 --> 00:24:52,245
กว่าสายงานที่เราทำใน C.
ชื่อของฟังก์ชันนี้จะเป็น

509
00:24:52,245 --> 00:24:52,580
แปลกเล็กน้อย

510
00:24:52,580 --> 00:24:55,640
มันเป็นเครื่องหมายดอลลาร์

511
00:24:55,640 --> 00:24:57,010
มันเป็นเพียงแค่ชื่อของฟังก์ชัน

512
00:24:57,010 --> 00:24:58,810
ไม่มีอะไรพิเศษเกี่ยวกับมัน

513
00:24:58,810 --> 00:25:00,450
>> เรามีวงเล็บเปิด

514
00:25:00,450 --> 00:25:03,880
จากนั้นเรามีหนึ่งข้อโต้แย้งของเราซึ่ง
ในกรณีนี้เกิดขึ้นจะเป็นสตริง

515
00:25:03,880 --> 00:25:05,680
ซึ่งเป็นตัวเลือกสำหรับมัน

516
00:25:05,680 --> 00:25:08,130
แล้วเรามีของเรา
วงเล็บปิด

517
00:25:08,130 --> 00:25:09,960
นั่นแหล่ะ

518
00:25:09,960 --> 00:25:11,500
>> มันไม่ใช่ว่าแตกต่างกันอย่างมากมาย

519
00:25:11,500 --> 00:25:12,900
แม้ว่ามันจะดูแปลกมาก

520
00:25:12,900 --> 00:25:17,220
และที่สามารถจัดเรียงของเกาะ
จุดที่คนจำนวนมาก

521
00:25:17,220 --> 00:25:21,460
>> MIKE Rizzo: ดังนั้นในทำนองเดียวกันถ้าเราต้องการ
เพื่อเลือกองค์ประกอบที่ ID,

522
00:25:21,460 --> 00:25:23,470
ตอนนี้เราต้องการที่จะเลือกโดย
ID แทนของชั้น

523
00:25:23,470 --> 00:25:28,080
มันจะเป็นสิ่งที่คล้ายกันที่เรา
เพียงแค่ทำเครื่องหมายชาร์ปหมายเลข

524
00:25:28,080 --> 00:25:33,576
ดังนั้นเราเลือกที่นี่ทั้งหมด
องค์ประกอบที่มีแถบ ID

525
00:25:33,576 --> 00:25:35,400
>> TOMAS ไรเมอร์: และนี้ขยาย

526
00:25:35,400 --> 00:25:36,450
CSS ที่ขยาย

527
00:25:36,450 --> 00:25:42,260
เช่นเดียวกับใน CSS คุณสามารถเลือกได้ทุก
เชื่อมโยงที่มี foo ชั้น

528
00:25:42,260 --> 00:25:43,420
นี่ก็เป็นสิ่งเดียวกัน

529
00:25:43,420 --> 00:25:52,750
>> คุณสามารถทำ a.foo ซึ่งจะเลือก
ทั้งหมดของการเชื่อมโยงกับ foo ชั้น

530
00:25:52,750 --> 00:25:58,860
คุณสามารถทำบาร์คมที่จะ
เลือกการเชื่อมโยงที่มีแถบรหัสและอื่น ๆ

531
00:25:58,860 --> 00:25:59,770
และอื่น ๆ

532
00:25:59,770 --> 00:26:02,120
เลือก CSS ใด ๆ ที่เป็นที่ถูกต้อง
เลือก jQuery

533
00:26:02,120 --> 00:26:03,370
>> MIKE Rizzo: ใช่

534
00:26:03,370 --> 00:26:07,996

535
00:26:07,996 --> 00:26:11,460
ตกลงดังนั้นตอนนี้ขอเข้าเล็กน้อย
ของการจัดการที่เราสามารถทำอะไรกับ

536
00:26:11,460 --> 00:26:12,870
jQuery ของเรา

537
00:26:12,870 --> 00:26:19,280
ดังนั้น jQuery มีประเภทเฉพาะ
ของสัญกรณ์ที่เราเพียงแค่ใช้

538
00:26:19,280 --> 00:26:20,170
จุดที่สิ้นสุด

539
00:26:20,170 --> 00:26:23,340
และคุณสามารถคิดเช่นนี้ใน
C วิธีการที่เรามี structs ที่แตกต่างกัน

540
00:26:23,340 --> 00:26:27,110
และจะไปสู่​​ structs ที่คุณจะ
ใช้จุดที่จะได้รับในพวกเขา

541
00:26:27,110 --> 00:26:28,480
>> นี้เป็นชนิดของสิ่งที่คล้ายกัน

542
00:26:28,480 --> 00:26:33,570
เพียง แต่ตอนนี้เรามีฟังก์ชั่นนี้ภายใน
ตัวเลือกที่เราสามารถเรียกมัน

543
00:26:33,570 --> 00:26:38,640
ดังนั้นที่นี่ตัวอย่างแรกมาก
คุณสามารถเห็นคือเลือก CSS

544
00:26:38,640 --> 00:26:45,290
และโดยทั่วไปสิ่งที่ไม่ได้เป็น
ใช้ CSS องค์ประกอบแรกนี้

545
00:26:45,290 --> 00:26:46,230
สิ่งที่คุณเลือก -

546
00:26:46,230 --> 00:26:47,720
องค์ประกอบนี้ที่คุณเลือก -

547
00:26:47,720 --> 00:26:49,290
ด้วยค่าที่

548
00:26:49,290 --> 00:26:55,390
>> TOMAS Reimers: ดังนั้นการแปลง่าย
ว่าจะเป็นอย่างไรถ้า jQuery พื้น

549
00:26:55,390 --> 00:26:57,790
เพียงแค่เอา foo

550
00:26:57,790 --> 00:27:05,480
และจากนั้นใน CSS กล่าวว่า
สีแดงและใกล้ชิด

551
00:27:05,480 --> 00:27:06,670
มันเป็นความคิดเดียวกัน

552
00:27:06,670 --> 00:27:08,800
สิ่งที่มันทำคือจะเลือก
องค์ประกอบ foo ทั้งหมด

553
00:27:08,800 --> 00:27:10,170
และจากนั้นก็นำไปใช้

554
00:27:10,170 --> 00:27:15,884
การเรียงลำดับของสีสถานที่ให้บริการ
เท่ากับสีแดง

555
00:27:15,884 --> 00:27:21,070
>> MIKE Rizzo: ในทำนองเดียวกันเรายังสามารถปรับเปลี่ยน
เนื้อหาที่แท้จริงของสิ่งที่เป็น

556
00:27:21,070 --> 00:27:24,870
แสดงใน HTML ของหน้าซึ่ง
เป็นเย็นจริงๆเพราะมันหมายถึงคุณ

557
00:27:24,870 --> 00:27:28,095
หน้าเว็บในขณะนี้สามารถเป็นแบบไดนามิกอย่างสมบูรณ์
และไม่จำเป็นต้องเป็นแบบคงที่

558
00:27:28,095 --> 00:27:31,660
ที่คุณพิมพ์ออกมาโดยใช้ PHP
ที่จุดเริ่มต้นมาก

559
00:27:31,660 --> 00:27:33,320
หน้ากำลังโหลด

560
00:27:33,320 --> 00:27:36,810
ดังนั้นที่นี่ถ้าเราต้องการที่จะปรับเปลี่ยน
HTML ที่เกิดขึ้นจริงของหน้าเราจะตอนนี้

561
00:27:36,810 --> 00:27:43,550
เรียกใช้ฟังก์ชัน HTML ที่แล้วเพียง
แทรกสิ่งที่เราระบุใน

562
00:27:43,550 --> 00:27:45,390
องค์ประกอบที่เราเลือกที่

563
00:27:45,390 --> 00:27:49,810
ดังนั้นที่นี่เรากำลังเลือกองค์ประกอบด้วย
foo ชั้นแล้วบอกว่ามันเป็น HTML

564
00:27:49,810 --> 00:27:52,200
ก็ตอนนี้โลกสวัสดี

565
00:27:52,200 --> 00:27:55,600
>> TOMAS ไรเมอร์: และเมื่อคุณคิดเกี่ยวกับ
สิ่งที่เป็นโปรแกรมที่มีประโยชน์ของ

566
00:27:55,600 --> 00:28:00,800
นี้, CSS นี้หนึ่งสิ่งแรกที่
คุณสามารถเริ่มต้นที่จะคิดเกี่ยวกับการเป็น

567
00:28:00,800 --> 00:28:03,070
ในแง่ของการได้เลื่อนลงเมนู

568
00:28:03,070 --> 00:28:08,350
คุณสามารถเริ่มต้นที่จะทำสิ่งที่ต้องการเมื่อ
ผู้ใช้ hovers เหนือส่วนบน

569
00:28:08,350 --> 00:28:11,970
ของหล่นลงที่คุณต้องการที่จะทำให้
ส่วนด้านล่างที่มองเห็นได้

570
00:28:11,970 --> 00:28:12,540
ใช่มั้ย?

571
00:28:12,540 --> 00:28:15,610
>> ดังนั้นใน CSS เรามีคุณสมบัติ
ที่จะทำให้สิ่งที่มองเห็นได้

572
00:28:15,610 --> 00:28:19,330
สิ่งที่เหมือนใครลำไส้ใหญ่การแสดงผล
จะทำให้มันมองไม่เห็น

573
00:28:19,330 --> 00:28:21,190
บล็อกแสดงจะทำให้มันสามารถมองเห็นได้

574
00:28:21,190 --> 00:28:25,860
หรือแม้กระทั่งถ้าคุณต้องการที่จะไปง่ายคุณ
มีสิ่งที่ต้องการเท่ากับการมองเห็น

575
00:28:25,860 --> 00:28:27,520
ที่มองเห็นและการมองเห็นที่ซ่อนเท่ากับ

576
00:28:27,520 --> 00:28:30,330

577
00:28:30,330 --> 00:28:34,780
>> และคุณสามารถเริ่มต้นที่จะใช้สิ่งที่
เช่นเลื่อนลงเมนูที่เหมาะสม

578
00:28:34,780 --> 00:28:38,410
หลังจากที่คุณได้รับผ่านความคิดของวิธี
คุณสามารถคิดออกเมื่อเปิด

579
00:28:38,410 --> 00:28:39,850
ซึ่งเราจะได้รับผ่านมากในเวลาสั้น ๆ

580
00:28:39,850 --> 00:28:42,160
แต่เราสามารถเริ่มต้นที่จะเห็น
การใช้งานนี้

581
00:28:42,160 --> 00:28:45,540
ในความหมายที่คล้ายกันถ้าคุณได้ลอง
และดำเนินการขอพูดคุย

582
00:28:45,540 --> 00:28:48,620
เครื่องยนต์และคุณต้องการที่จะทำให้น้อย
ฟองพูดขึ้นมาเมื่อใดก็ตามที่คุณได้

583
00:28:48,620 --> 00:28:52,880
มีข้อความใหม่เมื่อคุณได้รับ
ข้อความใหม่ที่คุณสามารถทำน้อย

584
00:28:52,880 --> 00:28:55,890
ฟองพูดขึ้นมาโดยการเปลี่ยน
HTML ของหน้าเว็บใช่ไหม

585
00:28:55,890 --> 00:29:00,540
โดยการเพิ่มฟองคำพูดที่พิเศษ
ด้วยข้อความที่พิเศษอยู่ในนั้น

586
00:29:00,540 --> 00:29:01,140
ใช่?

587
00:29:01,140 --> 00:29:07,750
>> ผู้ชม: ดังนั้นคุณจะฝังภายใน
รหัส HTML ในประเภทเช่น

588
00:29:07,750 --> 00:29:10,534
[ไม่ได้ยิน]?

589
00:29:10,534 --> 00:29:12,940
>> MIKE Rizzo ขวา

590
00:29:12,940 --> 00:29:16,190
ใช่เราจะไปที่
ในนิด ๆ หน่อย ๆ

591
00:29:16,190 --> 00:29:18,810
ใช่มันเป็นความที่คล้ายกัน
นิด ๆ หน่อย ๆ ที่จะ PHP

592
00:29:18,810 --> 00:29:21,240
ไม่ได้เหมือนกันว่า

593
00:29:21,240 --> 00:29:24,730
>> ความแตกต่างที่ดีเพื่อให้เป็นสิ่งที่นี้
เป็นจริงการแก้ไขเมื่อเราแก้ไข

594
00:29:24,730 --> 00:29:28,480
หน้าเพราะไม่ได้ไปได้
การแก้ไขแฟ้มที่เกิดขึ้นจริงที่จะถูก

595
00:29:28,480 --> 00:29:31,380
เก็บไว้บนเซิร์ฟเวอร์เพราะโลก
ไม่ควรได้รับอนุญาต

596
00:29:31,380 --> 00:29:32,610
เพื่อแก้ไขไฟล์ของคุณ

597
00:29:32,610 --> 00:29:36,080
นี้เป็นเพียงการแก้ไขสิ่งที่อยู่บนหน้า
และสิ่งที่มีการแสดงภายใน

598
00:29:36,080 --> 00:29:36,950
เบราว์เซอร์

599
00:29:36,950 --> 00:29:40,340
ดังนั้นถ้าคุณจะโหลดหน้าหลัง
กล่าวว่าการลบสิ่งที่เป็นเรา

600
00:29:40,340 --> 00:29:44,730
เห็นที่เราสามารถทำได้ด้วยการเรียกเอาที่
สิ่งที่เกิดขึ้นอีกครั้งจากนั้นก็จะ

601
00:29:44,730 --> 00:29:48,590
>> TOMAS Reimers: ดังนั้นวิธีหนึ่งที่จะคิดเกี่ยวกับ
นี้คือถ้าฉันคอมพิวเตอร์ของคุณและ

602
00:29:48,590 --> 00:29:50,170
ไมค์เป็นเรียงลำดับของเซิร์ฟเวอร์

603
00:29:50,170 --> 00:29:53,850
สิ่งที่จะเกิดขึ้นคือผมกำลังจะไป
ถามไมค์, เฮ้, ฉันสามารถมีสำเนาของ

604
00:29:53,850 --> 00:29:54,630
หน้าเว็บนี้

605
00:29:54,630 --> 00:29:56,190
และเขาจะให้สำเนาของมันฉัน

606
00:29:56,190 --> 00:29:57,430
>> ไม่มีก็ไม่ได้ในสิ่งที่เป็นต้นฉบับ

607
00:29:57,430 --> 00:29:58,620
มันเป็นเพียงแค่การคัดลอก

608
00:29:58,620 --> 00:30:00,450
แล้วมันจะเป็นเช่นโอ้
มีจาวาสคริปต์ที่นี่

609
00:30:00,450 --> 00:30:02,450
เห็นได้ชัดว่าผมควรจะแก้ไข
หน้าจะเป็นเช่นนี้

610
00:30:02,450 --> 00:30:04,250
และฉันมีการแก้ไขสำเนาของคุณ

611
00:30:04,250 --> 00:30:05,920
>> แต่ที่ไม่ได้มีผลกระทบต่อ
สำเนาที่เกิดขึ้นจริง

612
00:30:05,920 --> 00:30:08,480
และถ้าผมจะถามเขาอีกครั้ง
รีเฟรชหน้า -

613
00:30:08,480 --> 00:30:10,060
เฮ้ฉันสามารถมีสำเนาสะอาดอีก -

614
00:30:10,060 --> 00:30:11,440
เขาจะให้ฉัน
คัดลอกทำความสะอาดอีก

615
00:30:11,440 --> 00:30:14,240
แล้วฉันจะทำสิ่งเดียวกัน
เช่นโอ้ JS นี้ที่นี่ที่บอกว่า

616
00:30:14,240 --> 00:30:14,866
การแก้ไขนี้

617
00:30:14,866 --> 00:30:17,460
และฉันจะให้ทำที่

618
00:30:17,460 --> 00:30:20,930
>> MIKE Rizzo: ดังนั้นสิ่งที่เย็นจริงๆ
ที่คุณสามารถทำอะไรกับ jQuery เป็น

619
00:30:20,930 --> 00:30:24,350
จริงเพิ่มประเภทที่แตกต่างกัน
ของภาพเคลื่อนไหวไปยังหน้าเว็บของคุณ

620
00:30:24,350 --> 00:30:27,440
ผมไม่ทราบว่าถ้าคุณเคยเห็นที่
คุณกำลังพยายามที่จะเติมแบบฟอร์ม

621
00:30:27,440 --> 00:30:31,250
ออนไลน์และคุณไม่ได้กรอก
สิ่งที่ถูกต้อง

622
00:30:31,250 --> 00:30:33,440
ดังนั้นเป็นสิ่งที่น้อยสไลด์ลง
ที่ด้านบนและบอกว่าคุณ

623
00:30:33,440 --> 00:30:34,820
ยังไม่ได้ทำนี้อย่างถูกต้อง

624
00:30:34,820 --> 00:30:36,260
โปรดลองอีกครั้ง

625
00:30:36,260 --> 00:30:37,890
แล้วมันอาจแม้เพียงแค่เลื่อนขึ้น

626
00:30:37,890 --> 00:30:40,710
>> จะเปิดออก jQuery ได้สร้างขึ้นในฟังก์ชั่น
ที่ทำให้ทั้งหมดที่

627
00:30:40,710 --> 00:30:44,180
ภาพเคลื่อนไหวจริงๆเรื่องง่าย

628
00:30:44,180 --> 00:30:46,750
จึงมีครั้งแรกที่จางหาย
ฟังก์ชั่นออกมาซึ่ง

629
00:30:46,750 --> 00:30:47,710
คุณสามารถโทรหาในสิ่งที่

630
00:30:47,710 --> 00:30:55,650
และเป็นวิธีที่จะเปลี่ยน CSS ของ
องค์ประกอบในทางที่เคลื่อนไหวที่

631
00:30:55,650 --> 00:30:58,480
ดังนั้นมันต้องใช้องค์ประกอบใด
ที่คุณเรียกว่าหายไปใน

632
00:30:58,480 --> 00:31:03,990
แล้วค่อย ๆ เปลี่ยนความทึบมัน
จนกว่าจะไปโปร่งใสอย่างสมบูรณ์

633
00:31:03,990 --> 00:31:07,330
>> TOMAS ไรเมอร์: หนึ่งที่นิยมอื่น ๆ
จะถูกเลื่อนลงซึ่งจะทำให้

634
00:31:07,330 --> 00:31:08,800
สิ่งที่ปรากฏโดยการเลื่อนลง

635
00:31:08,800 --> 00:31:12,840
ดังนั้นในกรณีที่มีการเลื่อนลงเมนู
อีกครั้งเมื่อเราได้เรียนรู้วิธีการตรวจสอบ

636
00:31:12,840 --> 00:31:15,310
เมื่อได้รับการบินว่อนอยู่เหนือ,
คุณก็สามารถบอกได้ด้านล่างนี้

637
00:31:15,310 --> 00:31:16,910
สไลด์ลงมาเป็นส่วนหนึ่งในขณะนี้

638
00:31:16,910 --> 00:31:19,270
และจากนั้นก็จะปรากฏ
โดยการเลื่อนลง

639
00:31:19,270 --> 00:31:22,042

640
00:31:22,042 --> 00:31:26,590
>> MIKE Rizzo: แล้วถ้าคุณเพียงแค่มี
บางชนิดของภาพเคลื่อนไหวในใจว่า

641
00:31:26,590 --> 00:31:29,080
jQuery ไม่จำเป็นต้องให้

642
00:31:29,080 --> 00:31:32,690
ตัวอย่างเช่นสมมติว่า jQuery
ไม่ให้คุณมีสไลด์

643
00:31:32,690 --> 00:31:33,750
ลงและเลื่อนขึ้น

644
00:31:33,750 --> 00:31:36,740
ดีขอบอกว่าคุณต้องการที่จะเลื่อน
บางสิ่งบางอย่างจากด้านซ้ายหรือจาก

645
00:31:36,740 --> 00:31:39,880
สิทธิชนิดของเช่น CS50
หน้าหลักไม่เมื่อใดก็ตามที่

646
00:31:39,880 --> 00:31:42,080
คุณไปที่แผงใหม่

647
00:31:42,080 --> 00:31:45,030
คุณก็อาจจะต้อง
ใช้มันตัวเองโดยใช้

648
00:31:45,030 --> 00:31:49,310
ฟังก์ชั่นการเคลื่อนไหวภายใน jQuery

649
00:31:49,310 --> 00:31:51,350
>> ดังนั้นในทำนองเดียวกันคุณก็มีชีวิต

650
00:31:51,350 --> 00:31:55,850
แล้วภายในก็จะใช้เวลา
พจนานุกรมของค่าที่แตกต่างกัน

651
00:31:55,850 --> 00:31:57,340
ที่คุณควรจะผ่าน

652
00:31:57,340 --> 00:32:06,960
ดังนั้นที่นี่ถ้าเราต้องการที่จะมีชีวิต
foo องค์ประกอบดังกล่าวว่าความกว้างของทั้ง

653
00:32:06,960 --> 00:32:10,880
ขยายหรือสัญญาถึง 80 พิกเซล
ขึ้นอยู่กับสิ่งที่มันเป็นอยู่ในปัจจุบัน

654
00:32:10,880 --> 00:32:14,100
เพียงแค่เราจะผ่านที่เป็น
การโต้แย้งภายใน

655
00:32:14,100 --> 00:32:18,060
>> ชีวิตยังมีบางข้อโต้แย้งอื่น ๆ
ที่คุณสามารถผ่านมันตัวอย่างเช่น

656
00:32:18,060 --> 00:32:21,150
ความเร็วของการเคลื่อนไหว
ที่คุณต้องการที่จะให้มัน

657
00:32:21,150 --> 00:32:26,220
และการทำเช่นนั้นผมก็จะบอกว่า
Google ได้อย่างรวดเร็ว jQuery เคลื่อนไหว

658
00:32:26,220 --> 00:32:31,710
แล้วนำขึ้นหน้านี้คุณสามารถ
เห็นมันมีพวงของการที่แตกต่างกัน

659
00:32:31,710 --> 00:32:33,560
แห่งที่คุณสามารถผ่านมัน

660
00:32:33,560 --> 00:32:35,990
>> และผมขอแนะนำให้คุณ - เมื่อใดก็ตามที่คุณมา
ในสิ่งที่คุณทำไม่ได้

661
00:32:35,990 --> 00:32:40,390
รู้หรือเพียงแค่ต้องการที่จะเรียนรู้เพิ่มเติมเกี่ยวกับ
โดยเฉพาะอย่างยิ่งวิธีการที่คุณสามารถเรียก

662
00:32:40,390 --> 00:32:41,270
ในสิ่งที่ -

663
00:32:41,270 --> 00:32:44,440
Google เพียงแค่มัน jQuery เป็นอย่างมาก
เอกสารที่ดี

664
00:32:44,440 --> 00:32:49,140
และบ่อยครั้งมีจำนวนมาก
ตัวอย่างที่พวกเขาให้สำหรับคุณ

665
00:32:49,140 --> 00:32:52,470
ถ้าเราเลื่อนลง -

666
00:32:52,470 --> 00:32:53,720
ทางลง -

667
00:32:53,720 --> 00:32:57,660

668
00:32:57,660 --> 00:32:59,190
ว่าเราสามารถใช้งานได้เป็นอย่างดี

669
00:32:59,190 --> 00:33:02,480
>> อีกครั้งเมื่อนักพัฒนาจริงไป
ผ่านปัญหาของการเขียน

670
00:33:02,480 --> 00:33:05,810
ห้องสมุดพวกเขามักจะต้องการ
คนที่จะใช้มัน

671
00:33:05,810 --> 00:33:09,400
ดังนั้นข้างเป็นไป
เป็นเอกสาร

672
00:33:09,400 --> 00:33:12,270
และเอกสารที่จะสามารถ
พบได้ในหน้าโครงการซึ่งเป็น

673
00:33:12,270 --> 00:33:14,970
เหตุผลที่เราให้คุณเว็บไซต์เดิมที่อยู่ใน
จุดเริ่มต้นที่เชื่อมโยงคุณไปยัง

674
00:33:14,970 --> 00:33:18,080
หน้าโครงการเพื่อให้คุณสามารถ
โปรดดูเอกสารที่

675
00:33:18,080 --> 00:33:22,670
>> โดยปกติแล้วหน้าโครงการในกรณีที่
ของ [ไม่ได้ยิน] มันบอกคุณ

676
00:33:22,670 --> 00:33:23,940
ชื่อของชั้นเรียน

677
00:33:23,940 --> 00:33:27,250
ในกรณีที่มีจาวาสคริปต์ที่จะช่วยให้
ชื่อของฟังก์ชั่น

678
00:33:27,250 --> 00:33:35,310
โดยวิธีการที่ถ้าเราเลื่อนขึ้นไปด้านบน
สังเกตด้านอย่างรวดเร็วในการทำงานคือ

679
00:33:35,310 --> 00:33:39,080
เมื่อใดก็ตามที่คุณเห็นฟังก์ชั่นการใช้งาน
เช่นนี้กับฮาร์ด

680
00:33:39,080 --> 00:33:43,800
วงเล็บอยู่ตรงกลางที่หมายถึง
ที่สถานที่ให้บริการที่เป็นตัวเลือก

681
00:33:43,800 --> 00:33:44,750
เพียงแค่หัวขึ้น

682
00:33:44,750 --> 00:33:47,350
ผมเคยเห็นคำถามจำนวนมาก
เกี่ยวกับที่

683
00:33:47,350 --> 00:33:50,370
>> ดังนั้นที่นี่เราจะเห็นว่า
เคลื่อนไหวโดยใช้คุณสมบัติ

684
00:33:50,370 --> 00:33:51,800
เป็นอาร์กิวเมนต์ที่จำเป็น

685
00:33:51,800 --> 00:33:54,870
และทุกอย่างอื่นเป็นตัวเลือก

686
00:33:54,870 --> 00:33:56,136
ด้านหมายเหตุ -

687
00:33:56,136 --> 00:33:58,090
คุณสามารถคิดนี้การจัดเรียง
ของเหมือนหน้าคน

688
00:33:58,090 --> 00:34:04,275
หน้าคนเป็นเอกสารสำหรับซีและ
สำหรับจำนวนมากของสิ่งอื่น ๆ ได้เป็นอย่างดี

689
00:34:04,275 --> 00:34:11,020
>> MIKE Rizzo: ดังนั้นเราจึงได้เรียนรู้วิธีการ
เปลี่ยน CSS ที่แตกต่างกันในหน้า

690
00:34:11,020 --> 00:34:14,040
มันเคลื่อนไหวและลบเพิ่ม HTML

691
00:34:14,040 --> 00:34:16,889
แต่หนึ่งในมีประสิทธิภาพมากที่สุดจริงๆ
สิ่งที่เกี่ยวกับ JavaScript

692
00:34:16,889 --> 00:34:18,270
และโดยเฉพาะอย่างยิ่ง jQuery -

693
00:34:18,270 --> 00:34:22,570
สิ่งที่จะช่วยให้คุณทำคือการตอบสนองต่อการ
องค์ประกอบที่แตกต่างที่เกิดขึ้น

694
00:34:22,570 --> 00:34:25,380
ตัวอย่างเช่นที่นี่เรามี
ตัวจัดการเหตุการณ์

695
00:34:25,380 --> 00:34:28,210
และนั่นก็หมายความว่าเมื่อใดก็ตามที่นี้
เหตุการณ์ที่เกิดขึ้นเราจัดการกับมันใน

696
00:34:28,210 --> 00:34:29,280
วิธีใดวิธีหนึ่ง

697
00:34:29,280 --> 00:34:35,159
>> ดังนั้นที่นี่ jQuery เหตุการณ์ทั่วไป
จัดการเป็นจุดบน

698
00:34:35,159 --> 00:34:42,949
แล้วสิ่งแรกที่คุณให้
คือสิ่งที่เหตุการณ์ที่ควร

699
00:34:42,949 --> 00:34:43,810
ได้รับฟัง

700
00:34:43,810 --> 00:34:45,610
ดังนั้นที่นี่ก็คลิกที่
เรากำลังรอคอย

701
00:34:45,610 --> 00:34:49,250
>> TOMAS ไรเมอร์: หรือคุณมี
เกี่ยวกับการเลื่อนซึ่งเป็นที่นิยมมากอย่างใดอย่างหนึ่ง

702
00:34:49,250 --> 00:34:52,000
ดังนั้นหลังการลดลงของฉันลงความคิดเมนู

703
00:34:52,000 --> 00:34:54,239
คุณจะต้องอย่างใดอย่างหนึ่งบนเลื่อน

704
00:34:54,239 --> 00:34:56,096
และแล้วคุณสามารถเปลี่ยนที่

705
00:34:56,096 --> 00:34:56,830
>> MIKE Rizzo ขวา

706
00:34:56,830 --> 00:35:01,680
และจากนั้นเมื่อที่เกิดขึ้นมันเป็นเพียงแค่
ดำเนินการฟังก์ชั่นนี้ที่เราให้มัน

707
00:35:01,680 --> 00:35:05,080
เป็นอาร์กิวเมนต์และที่
มันแจ้งเตือนหรือ hi สวัสดี

708
00:35:05,080 --> 00:35:08,900
>> TOMAS Reimers: ดังนั้นในกรณีของ
JavaScript นี้เป็นสถานที่ที่เราจำเป็นต้อง

709
00:35:08,900 --> 00:35:12,970
เอาตัวเองจาก C. เราสามารถจริง
ใช้ฟังก์ชั่นเป็นอาร์กิวเมนต์

710
00:35:12,970 --> 00:35:15,940
และมีจำนวนมากจริงๆ
วิธีการที่ซับซ้อนในการทำเช่นนี้

711
00:35:15,940 --> 00:35:17,940
เราจะส่งเสริมวิธีหนึ่ง
ซึ่งเป็นคุณสามารถกำหนด

712
00:35:17,940 --> 00:35:19,270
มีฟังก์ชั่นที่เหมาะสม

713
00:35:19,270 --> 00:35:22,540
>> ดังนั้นเมื่อคุณกำลังขอให้สำหรับการทำงานในฐานะที่เป็น
พารามิเตอร์คุณพื้นเพียง

714
00:35:22,540 --> 00:35:24,500
จะกำหนดฟังก์ชั่น
คาที่

715
00:35:24,500 --> 00:35:27,090
และวิธีที่คุณกำหนดฟังก์ชั่น
ใน JavaScript เป็นคุณ

716
00:35:27,090 --> 00:35:28,820
ตัวอักษรบอกว่าฟังก์ชั่น

717
00:35:28,820 --> 00:35:30,130
จากนั้นมักจะชื่อ
ฟังก์ชั่น

718
00:35:30,130 --> 00:35:32,510
แต่เราไม่เคยไปอ้างอิง
ฟังก์ชั่นนี้อีกครั้ง

719
00:35:32,510 --> 00:35:34,040
ดังนั้นเราจึงปล่อยให้มันนิรนาม

720
00:35:34,040 --> 00:35:40,440
>> แล้ววงเล็บแล้วหยิก
จัดฟันแล้วรหัสภายในที่

721
00:35:40,440 --> 00:35:42,540
ดังนั้นเราจึงสามารถเข้าใจนี้
ทำให้เกิดความสับสนเล็กน้อย

722
00:35:42,540 --> 00:35:45,180
ดังนั้นเราจะให้คุณในรูปแบบทั่วไปของ
สิ่งที่ตัวจัดการเหตุการณ์ที่ดูเหมือนว่า

723
00:35:45,180 --> 00:35:47,790
ด้านล่างซึ่งเป็นเหตุการณ์ที่เกิดขึ้น

724
00:35:47,790 --> 00:35:50,598
แล้วรหัสของคุณภายในที่

725
00:35:50,598 --> 00:35:52,478
>> MIKE Rizzo: จะมีผู้ใด
คำถามเกี่ยวกับเรื่องนี้

726
00:35:52,478 --> 00:35:54,818
นี้สามารถทำให้เกิดความสับสนเล็กน้อย
ครั้งแรกที่คุณเห็นมัน

727
00:35:54,818 --> 00:35:57,550
>> TOMAS ไรเมอร์: คุณจริงต้องการ
เปิดไฟล์และแสดงให้พวกเขาบาง

728
00:35:57,550 --> 00:35:58,155
jQuery ในขณะนี้

729
00:35:58,155 --> 00:35:59,853
>> MIKE Rizzo: ใช่ลองทำ

730
00:35:59,853 --> 00:36:00,256
ตกลง

731
00:36:00,256 --> 00:36:02,490
>> TOMAS Reimers: ดังนั้นตอนนี้เรา
ในเครื่องใช้ไฟฟ้า

732
00:36:02,490 --> 00:36:07,730
และสิ่งที่เราได้ทำคือเราได้รับ
เสรีภาพในการสร้างทั้ง index.html

733
00:36:07,730 --> 00:36:10,100
แฟ้มที่เชื่อมโยงไปยัง
ไฟล์ JavaScript

734
00:36:10,100 --> 00:36:12,880
และเราสามารถเปิด -

735
00:36:12,880 --> 00:36:15,170
ใช่

736
00:36:15,170 --> 00:36:16,630
ดีก็ไม่สองสิ่ง

737
00:36:16,630 --> 00:36:18,350
>> แรกคือมันเชื่อมโยงไป
ไฟล์จาวาสคริปต์

738
00:36:18,350 --> 00:36:21,250
และเราจะเห็นว่าที่นี่

739
00:36:21,250 --> 00:36:25,340
เราจะเห็นว่าในหัวของ
เอกสาร HTML โดยเฉพาะอย่างยิ่ง

740
00:36:25,340 --> 00:36:28,260
ดังนั้นคุณจะเห็นว่ามี
เราโดยทั่วไปพูด SRC,

741
00:36:28,260 --> 00:36:29,590
ซึ่งย่อมาจากแหล่งที่มา

742
00:36:29,590 --> 00:36:30,630
และที่ URL

743
00:36:30,630 --> 00:36:32,700
>> ดังนั้นที่นี่คุณสามารถพูดได้ว่าเราได้
รวม jQuery

744
00:36:32,700 --> 00:36:34,290
และเรายังได้รวมสคริปต์

745
00:36:34,290 --> 00:36:40,630
วิธีอื่น ๆ ที่จะรวม JavaScript เป็น
ที่คุณสามารถรวมสคริปต์แบบอินไลน์

746
00:36:40,630 --> 00:36:44,600
แท็กที่เรามีที่อยู่ด้านล่างที่มัน
กล่าวว่าประเภทสคริปต์คือข้อความ JavaScript

747
00:36:44,600 --> 00:36:46,960
>> ดังนั้นเรากำลังจะบอกว่าฟังเรา
เกี่ยวกับการที่จะรวมสคริปต์

748
00:36:46,960 --> 00:36:51,890
และประเภทของสคริปต์ที่เป็น
JavaScript ซึ่งเป็นประเภทของข้อความ

749
00:36:51,890 --> 00:36:52,550
ง่ายมาก

750
00:36:52,550 --> 00:36:56,490
>> MIKE Rizzo: ดังนั้นนี้ชนิดที่ได้รับการ
คำถามของคุณเกี่ยวกับวิธีการที่เรารวมถึง

751
00:36:56,490 --> 00:37:02,340
จาวาสคริปต์ในไฟล์ของเราเพราะเมื่อเรา
PHP ได้เราทำอะไรเช่นนี้

752
00:37:02,340 --> 00:37:07,570
และจากนั้นก็มีฟังก์ชั่น PHP ของเรา -
สมมุติว่าหุ้นที่ทำ

753
00:37:07,570 --> 00:37:09,150
บางสิ่งบางอย่างกับที่ -

754
00:37:09,150 --> 00:37:10,490
จะไปอยู่ที่นั่น

755
00:37:10,490 --> 00:37:13,860
แต่ตอนนี้เรามีแท็กสคริปต์
ที่เราให้มันที่เป็นจริง

756
00:37:13,860 --> 00:37:19,470
ส่วนหนึ่งของ HTM​​L ตัวเองเพราะมันไม่ได้
แกล้งเป็นไฟล์ HTML เหมือนมัน

757
00:37:19,470 --> 00:37:25,070
เป็นใน PHP เพราะถ้าคุณจริงไปใน
และมองไปที่แหล่งที่มาของเพจ

758
00:37:25,070 --> 00:37:28,430
คุณจะเห็นแท็กของสคริปต์เหล่านี้มี
ด้วยจาวาสคริปต์ที่เกี่ยวข้องกับ

759
00:37:28,430 --> 00:37:29,800
พวกเขาอยู่ในที่

760
00:37:29,800 --> 00:37:31,760
>> ดังนั้นแล้วถ้าเราต้องการที่จะ
เขียนบาง JavaScript -

761
00:37:31,760 --> 00:37:37,110
ขอเพียงแค่บอกว่าเราต้องการที่จะเปลี่ยนแปลงร่างกาย
เพราะตอนนี้ผมไม่ได้มี

762
00:37:37,110 --> 00:37:40,020
แท็กอื่น ๆ ใด ๆ ที่ฉันสามารถจริงๆ
แก้ไขนอกเหนือจากร่างกาย

763
00:37:40,020 --> 00:37:42,450
ให้เพียงกล่าวว่าฉันต้องการที่จะ
เปลี่ยน CSS ที่

764
00:37:42,450 --> 00:37:46,190
ดังนั้นเราจะไปข้างหน้าและการเปลี่ยนแปลง
สีของมันเป็นสีแดง

765
00:37:46,190 --> 00:37:47,380
>> ดังนั้นผมจึงบันทึกแฟ้ม

766
00:37:47,380 --> 00:37:52,700
ลองกลับไปที่หน้าเว็บของเราไปฟื้นฟู
และมันไม่ได้โดยอัตโนมัติ

767
00:37:52,700 --> 00:37:55,920
เพราะมันไม่ได้ดูเหมือนรอ
เลยเพราะเราไม่ได้ฟัง

768
00:37:55,920 --> 00:37:59,450
สำหรับเหตุการณ์หรืออะไรอย่างนั้น

769
00:37:59,450 --> 00:38:02,800
>> TOMAS Reimers: ดังนั้นถ้าเรากลับไปที่
ยื่นโดยเฉพาะ - HTML

770
00:38:02,800 --> 00:38:04,710
ไฟล์ - สิ่งที่คุณกำลังจะ
ที่เห็นคือเรามี -

771
00:38:04,710 --> 00:38:06,810
จำไว้ว่านี้จะถูกโหลด
การเรียงลำดับของลำดับ

772
00:38:06,810 --> 00:38:09,910
ดังนั้นเราจึงมีหัวเป็นครั้งแรก
โหลดทั้งสองไฟล์

773
00:38:09,910 --> 00:38:10,800
จากนั้นเราก็ไปที่ร่างกาย

774
00:38:10,800 --> 00:38:11,640
และเราจะเห็นโลกสวัสดี

775
00:38:11,640 --> 00:38:13,030
ดังนั้นเราจึงทำให้โลก hello

776
00:38:13,030 --> 00:38:15,240
>> และแล้วสิ่งสุดท้ายที่เรามี
คือเรามีแท็กสคริปต์

777
00:38:15,240 --> 00:38:20,880
ดังนั้นมันจะทำงานแท็กสคริปต์เพราะมันเป็น
ไม่ได้บอกว่าจะรออะไร

778
00:38:20,880 --> 00:38:24,700
และที่เป็นพื้นฐานที่สุด
วิธีการเรียกใช้ JavaScript

779
00:38:24,700 --> 00:38:29,200
>> กับที่กล่าวว่าคุณสามารถวางสคริปต์
แท็กขึ้นมาในหัวเพียง

780
00:38:29,200 --> 00:38:31,240
เพื่อแสดงให้เห็นจุดนี้

781
00:38:31,240 --> 00:38:34,450

782
00:38:34,450 --> 00:38:35,700
และเรียกว่า

783
00:38:35,700 --> 00:38:38,880

784
00:38:38,880 --> 00:38:41,070
เราจะแจ้งให้ทราบว่า
ไม่ได้เปลี่ยนสี

785
00:38:41,070 --> 00:38:44,210
และนี่คือหนึ่งในปัญหาของ
JavaScript เป็นว่าสิ่งที่มีการโหลด

786
00:38:44,210 --> 00:38:45,930
ในลำดับที่

787
00:38:45,930 --> 00:38:49,750
>> เพื่อที่เวลาที่รหัสที่
กำลังวิ่งเราเลือก -

788
00:38:49,750 --> 00:38:52,530
กลับไป -

789
00:38:52,530 --> 00:38:53,670
แท็กร่างกาย

790
00:38:53,670 --> 00:38:57,560
แท็กร่างกายไม่อยู่ยังเพราะ
JavaScript เป็นในทิศทางเดียวกับ HTML

791
00:38:57,560 --> 00:39:01,790
ดังนั้นเบราว์เซอร์เป็นเหมือนเลือกร่างกาย

792
00:39:01,790 --> 00:39:02,760
ไม่มีสิ่งนั้นยังเป็น

793
00:39:02,760 --> 00:39:03,600
ดังนั้นเราจึงสามารถละเว้นที่

794
00:39:03,600 --> 00:39:05,330
และเราให้ไป

795
00:39:05,330 --> 00:39:07,200
>> และจากนั้นเรากำหนดแท็กร่างกาย

796
00:39:07,200 --> 00:39:09,670
แต่ที่ไม่เคยได้รับการปรับปรุง

797
00:39:09,670 --> 00:39:12,560
ดังนั้นเมื่อคุณกำลังใช้สคริปต์
แท็กให้แน่ใจว่าคุณวาง

798
00:39:12,560 --> 00:39:15,502
หลังแท็กร่างกาย

799
00:39:15,502 --> 00:39:16,820
ภาพนิ่งถัดไป

800
00:39:16,820 --> 00:39:17,830
>> MIKE Rizzo: OK

801
00:39:17,830 --> 00:39:19,330
ดังนั้นเราจึงมีการเปลี่ยนแปลงบางสิ่งบางอย่าง

802
00:39:19,330 --> 00:39:21,910
แต่มันไม่ได้มีลักษณะเช่นนั้นตอบสนองต่อการ
เราเลยเพราะมันเป็นเพียงแค่ชนิดของ

803
00:39:21,910 --> 00:39:24,150
ทำมันได้ทันทีที่โหลดหน้า

804
00:39:24,150 --> 00:39:27,700
ดังนั้นตอนนี้แทนการทำเช่นนี้ทำไม
ไม่ได้เราเพิ่มตัวจัดการเหตุการณ์

805
00:39:27,700 --> 00:39:31,020
>> ดังนั้นเรามาทำอะไรบางอย่าง
ต่อร่างกายอีกครั้ง

806
00:39:31,020 --> 00:39:33,490
และขอบอกว่าเราทำใน -

807
00:39:33,490 --> 00:39:34,500
คลิก

808
00:39:34,500 --> 00:39:35,750
เราจะเพิ่มฟังก์ชั่น

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> การเปลี่ยนแปลง Let 's: TOMAS ไรเมอร์
เป็นสีแดงอีกครั้ง

811
00:39:39,690 --> 00:39:40,000
ทำไมไม่?

812
00:39:40,000 --> 00:39:41,680
>> MIKE Rizzo: ใช่ขอเปลี่ยนแปลง
'สีแดงอีกครั้งของ

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
ขวาทั้งหมด

815
00:39:46,900 --> 00:39:48,480
จึงขอโหลดหน้าเว็บ

816
00:39:48,480 --> 00:39:49,530
ตกลงที่เราเห็น -

817
00:39:49,530 --> 00:39:52,290
ตามที่คาดไว้ก็ไม่ได้เปลี่ยนเป็นสีแดงยัง

818
00:39:52,290 --> 00:39:53,610
แต่เราก็สามารถไปข้างหน้าและคลิก

819
00:39:53,610 --> 00:39:54,270
>> TOMAS ไรเมอร์: และมันจะเปลี่ยนเป็นสีแดง

820
00:39:54,270 --> 00:39:56,090
>> MIKE Rizzo: และมันไม่
เปลี่ยนเป็นสีแดงตามที่คาดไว้

821
00:39:56,090 --> 00:39:59,010
>> TOMAS ไรเมอร์: และเราจะได้เห็นว่า
เราสามารถเริ่มต้นในการสร้างขั้นพื้นฐานมาก

822
00:39:59,010 --> 00:40:00,170
ปฏิสัมพันธ์

823
00:40:00,170 --> 00:40:03,850
สิ่งอื่น ๆ ที่เราอาจต้องการที่จะทำคือ
ถ้าเราไม่ต้องการที่จะทำให้ร่างกาย

824
00:40:03,850 --> 00:40:07,230
สีแดงขอให้ HTML
พื้นหลังสีแดง

825
00:40:07,230 --> 00:40:08,480
เพียงเพื่อให้มันเป็น CSS เดียวกัน

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> และเมื่อเราเปลี่ยนมันเราสามารถมองเห็นนี้
ผลอย่างมากของการเปลี่ยนแปลง

828
00:40:23,320 --> 00:40:25,510
หน้าทั้งหมด

829
00:40:25,510 --> 00:40:29,100
ดังนั้นอีกครั้งถ้าคุณกำลังใช้สิ่งที่
คุณสามารถมีส่วนหนึ่ง

830
00:40:29,100 --> 00:40:30,150
ซึ่งจะหมายถึงการได้รับการคลิก

831
00:40:30,150 --> 00:40:32,710
สมมติว่าปุ่ม Exit และ
ส่วนประกอบอื่น ๆ ทั้งหมด

832
00:40:32,710 --> 00:40:33,830
ซึ่งหมายถึงการตอบสนอง

833
00:40:33,830 --> 00:40:35,755
ดังนั้นคุณจะลบหน้าต่าง
ที่เกิดขึ้นเมื่อ

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE Rizzo: OK

836
00:40:40,700 --> 00:40:42,200
เพียงเป็นตัวอย่าง -

837
00:40:42,200 --> 00:40:44,400
คุณไม่ได้รับที่จะเห็นก่อนหน้านี้ -

838
00:40:44,400 --> 00:40:47,500
ฉันจะแสดงให้คุณเห็นสิ่งที่ดูเหมือน
เช่นเมื่อเราซ่อนอะไรบางอย่าง

839
00:40:47,500 --> 00:40:52,220
ดังนั้นฉันจะไปข้างหน้าและจะเลื่อนขึ้น

840
00:40:52,220 --> 00:40:54,440
>> TOMAS Reimers: ต้องการห่อว่าใน
ประเภทวรรคก่อนที่เราจะทำนั้น

841
00:40:54,440 --> 00:40:55,132
>> MIKE Rizzo: OK

842
00:40:55,132 --> 00:40:59,135
ใช่ทำไมเราไม่ทำอย่างนั้นเพียงเพื่อให้
เราสามารถเลือกที่จะเพิ่มอีกนิด

843
00:40:59,135 --> 00:41:00,490
>> TOMAS ไรเมอร์: และให้
ให้ชั้น

844
00:41:00,490 --> 00:41:01,740
>> MIKE Rizzo: ใช่

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
ตกลงดังนั้นเรามาดู

847
00:41:09,920 --> 00:41:14,820
แทนการเลือกของร่างกายที่เกิดขึ้นจริง
ตอนนี้ผมก็จะเลือกทุกอย่างด้วย

848
00:41:14,820 --> 00:41:18,780
ชั้นสวัสดีซึ่งที่นี่เรา
เพียงแค่มีสิ่งหนึ่งที่

849
00:41:18,780 --> 00:41:20,900
ดังนั้นเราจึงไม่ควรจะต้อง
กังวลกับการที่

850
00:41:20,900 --> 00:41:23,080
>> ดังนั้นฉันจะฟื้นฟูมัน

851
00:41:23,080 --> 00:41:24,230
ฉันจะไปข้างหน้าและคลิก

852
00:41:24,230 --> 00:41:27,890
และจะเรียงลำดับของทำสไลด์แปลก
ขึ้นสิ่งซึ่งไม่ได้มองว่า

853
00:41:27,890 --> 00:41:29,580
มีเสน่ห์

854
00:41:29,580 --> 00:41:31,060
โดยทั่วไปพวกเขาจะดูดีสวย

855
00:41:31,060 --> 00:41:32,720
ผมคิดว่านี้ - สำหรับบางคน
เหตุผล - ไม่ได้

856
00:41:32,720 --> 00:41:36,640
ฉันจะทำจางออกเพื่อให้
คุณสามารถดูที่มากเกินไป

857
00:41:36,640 --> 00:41:38,100
มากดีกว่า

858
00:41:38,100 --> 00:41:41,150
>> แล้วถ้าฉันเปิด JavaScript
ปลอบใจอีกครั้งและเราต้องการที่จะเห็นสิ่งที่

859
00:41:41,150 --> 00:41:43,900
ดูเหมือนว่าเมื่อเราจางหายไปได้เลยค่ะ

860
00:41:43,900 --> 00:41:46,920
ตอนนี้ผมเพียงโทรจางหายไปในที่

861
00:41:46,920 --> 00:41:48,830
และมันก็จางหายไปกลับมา

862
00:41:48,830 --> 00:41:56,150
>> ในทำนองเดียวกันเราได้จริงนอกจากนี้ยังผ่าน
อาร์กิวเมนต์จะจางหายไปหรือจางหายออก

863
00:41:56,150 --> 00:41:57,640
ซึ่งเป็นชนิดของความเร็วของมัน

864
00:41:57,640 --> 00:42:02,220
จึงขอไปข้างหน้าและบอกว่าเราต้องการ
มันจะไปช้าจางหายไปค่ะ

865
00:42:02,220 --> 00:42:04,250
ดังนั้นผมคิดว่ามันยังคงลำบาก
อย่างรวดเร็วสวย

866
00:42:04,250 --> 00:42:06,180
แต่มันก็ช้ากว่าก่อน

867
00:42:06,180 --> 00:42:10,340
>> TOMAS ไรเมอร์และถ้าคุณต้องการที่จะหา
ข้อมูลเพิ่มเติมเกี่ยวกับสิ่งเหล่านี้อีกครั้ง

868
00:42:10,340 --> 00:42:13,410
เพียงแค่ไปที่เอกสาร jQuery,
ซึ่งเราได้ให้คุณและอ่าน

869
00:42:13,410 --> 00:42:13,735
ผ่านเหล่านี้

870
00:42:13,735 --> 00:42:15,790
พวกเขาเอกสารการทำงานของพวกเขา
ได้ดีอย่างเหลือเชื่อ

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE Rizzo: OK

873
00:42:19,570 --> 00:42:21,560
ดังนั้นผมคิดว่าเราจะกลับไปนี้

874
00:42:21,560 --> 00:42:23,490
และเราสามารถพูดคุยเกี่ยวกับหน้าสุดท้ายของเรา

875
00:42:23,490 --> 00:42:24,690
ดีเราสามารถจบด้วยเงินทุน

876
00:42:24,690 --> 00:42:27,140
และแล้วเราก็จะเปิดขึ้น
กับคำถามบางอย่าง

877
00:42:27,140 --> 00:42:30,180
และถ้าพวกคุณมีความคิดใด ๆ ที่
คุณต้องการที่จะพยายามที่จะโยนขึ้นและดู

878
00:42:30,180 --> 00:42:34,150
ถ้าเราสามารถใช้พวกเขาด้วย
จาวาสคริปต์ได้อย่างรวดเร็ว

879
00:42:34,150 --> 00:42:37,890
>> อย่างรวดเร็วมากเกี่ยวกับเงินทุนซึ่ง
ถูกรวมโดยอัตโนมัติใน

880
00:42:37,890 --> 00:42:41,700
ปัญหาที่ผ่านมาของคุณตั้งอยู่ในโฟลเดอร์ CSS
และการเชื่อมโยงจริงของคุณ

881
00:42:41,700 --> 00:42:43,190
header.php

882
00:42:43,190 --> 00:42:46,740
ดังนั้นคุณจะได้เพิ่มชั้นเรียนที่
จะมีการกำหนดภายใน Bootstrap ไป

883
00:42:46,740 --> 00:42:50,490
และก็จะมีสไตล์โดยอัตโนมัติ
สิ่งเหล่านั้นตาม

884
00:42:50,490 --> 00:42:54,550
>> TOMAS Reimers: ดังนั้นเงินทุนเป็นอย่างมาก
สิ่งมหัศจรรย์ที่พัฒนาโดยคน

885
00:42:54,550 --> 00:42:55,340
ที่ทวิตเตอร์

886
00:42:55,340 --> 00:42:57,230
และสิ่งที่มันหมายถึงการทำคือ -

887
00:42:57,230 --> 00:43:00,740
ก่อนที่เว็บไซต์จริงๆยากที่จะทำให้
ดูดีโดยเฉพาะอย่างยิ่งเมื่อเรามี

888
00:43:00,740 --> 00:43:02,200
จำนวนมากของชิ้นส่วนที่พบบ่อย

889
00:43:02,200 --> 00:43:04,770
ดังนั้นจำนวนมากของปุ่มบน
เว็บมองเดียวกัน

890
00:43:04,770 --> 00:43:08,960
>> จำนวนมากของเขตข้อมูลข้อความที่สามารถทำ
ดูดีกว่าข้อความมาตรฐาน

891
00:43:08,960 --> 00:43:13,620
เขตข้อมูลที่คุณอาจจะรู้ว่าจริงๆจาก
เว็บไซต์เก่าหรือทำไม่ดีจริงๆ

892
00:43:13,620 --> 00:43:18,210
เว็บไซต์ที่เพิ่งมีลักษณะเหมือนตัวอักษร
กล่องข้อความได้โดยไม่ต้องรูปแบบของข้อความใด ๆ

893
00:43:18,210 --> 00:43:21,190
เงาหรือชนิดของโครงร่างที่ดีใด ๆ

894
00:43:21,190 --> 00:43:24,540
ดังนั้นสิ่งที่เงินทุนไม่ได้ก็กล่าวว่าดี
เรามีรูปแบบที่พบบ่อยมาก

895
00:43:24,540 --> 00:43:28,210
ทำไมเราไม่ทำให้การตั้งค่าทั่วไปหนึ่งใน CSS
และตั้งค่าทั่วไปของ JavaScript เป็น

896
00:43:28,210 --> 00:43:32,210
กันซึ่งสามารถรูปแบบมันเป็นและที่
สามารถให้คนสิ่งที่ต้องการลดลง

897
00:43:32,210 --> 00:43:34,610
ลงเมนูที่สามารถให้คน
สิ่งที่ต้องการ Modals

898
00:43:34,610 --> 00:43:38,580
>> คำกริยาคือสิ่งที่ปรากฏในหน้า
เมื่อใดก็ตามที่มันพูดอย่างเคร่งครัด

899
00:43:38,580 --> 00:43:41,090
บางสิ่งบางอย่างที่ยับยั้งการต่อไป
จนกว่าคุณจะมีปฏิสัมพันธ์

900
00:43:41,090 --> 00:43:43,110
โต้ตอบกับมัน

901
00:43:43,110 --> 00:43:45,820
บางอย่างเช่นนี้คือคุณแน่ใจ
คุณต้องการที่จะลบสิ่งนี้

902
00:43:45,820 --> 00:43:49,100
คุณไม่สามารถจริงๆทำอะไรอย่างอื่น
จนกว่าคุณจะบอกว่าใช่หรือไม่

903
00:43:49,100 --> 00:43:52,720
>> มันต้องใช้เวลาทั้งหมดนี้และจะบรรจุมัน
ร่วมกันและกล่าวว่าที่นี่เราไป

904
00:43:52,720 --> 00:43:54,630
คนตอนนี้สามารถใช้

905
00:43:54,630 --> 00:43:56,830
และคุณสามารถค้นหาได้กว่า
ที่ getbootstrap.com

906
00:43:56,830 --> 00:44:00,480
มันถูกรวมโดยอัตโนมัติภายใน
ปัญหาที่ผ่านมาของคุณตั้ง

907
00:44:00,480 --> 00:44:04,160
และคุณมากกว่ายินดีต้อนรับเข้าสู่
ใช้มันในโครงการสุดท้ายของคุณ

908
00:44:04,160 --> 00:44:06,950
และถ้าคุณต้องการที่จะทำตามที่
การเชื่อมโยงที่จะได้รับเงินทุน

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> คุณจะได้เห็นที่นี่เป็น
เว็บไซต์ CSS บูต

911
00:44:15,700 --> 00:44:16,860
คุณจะเห็นเงินทุน

912
00:44:16,860 --> 00:44:20,450
และถ้าคุณเลื่อนลงมาคุณจะเห็น
วิธีการดาวน์โหลดได้วิธีการ

913
00:44:20,450 --> 00:44:21,900
ติดตั้งและอื่น ๆ

914
00:44:21,900 --> 00:44:24,700
>> MIKE Rizzo: และคุณยังสามารถ
น่าสนใจพอที่จะปรับแต่ง

915
00:44:24,700 --> 00:44:27,770
เป็นสิ่งที่ชนิดของรูปแบบ
ที่คุณต้องการ

916
00:44:27,770 --> 00:44:31,270
ฉันรู้ว่าเป็นสิ่งที่ฉันได้สำหรับฉัน
โครงการสุดท้ายเมื่อฉันเอาชั้น

917
00:44:31,270 --> 00:44:32,050
ได้รับการปรับแต่ง

918
00:44:32,050 --> 00:44:34,540
รุ่นที่แตกต่างกันของเงินทุนที่
มีโทนสีที่แตกต่างกันและ

919
00:44:34,540 --> 00:44:36,700
รูปทรงที่แตกต่างกันบางส่วน
สิ่งที่แตกต่าง

920
00:44:36,700 --> 00:44:38,250
ดังนั้นผมจึงขอแนะนำให้คุณที่จะเล่นกับที่

921
00:44:38,250 --> 00:44:39,440
เป็นชนิดสนุกที่จะทำ

922
00:44:39,440 --> 00:44:43,230
>> TOMAS ไรเมอร์: มองข้ามด้านบน
อีกครั้งก็คล้ายกับตัวอักษร

923
00:44:43,230 --> 00:44:44,970
เว็บไซต์ที่น่ากลัว

924
00:44:44,970 --> 00:44:47,810
เอกสารจำนวนมากจะเริ่มต้น
ดูเหมือนที่คล้ายกันเมื่อคุณได้

925
00:44:47,810 --> 00:44:48,940
เห็นเพียงพอของมัน

926
00:44:48,940 --> 00:44:51,260
ดังนั้นที่นี่เรามี CSS
ส่วนประกอบของนี้

927
00:44:51,260 --> 00:44:53,540
และคุณจะเห็นว่ามัน
สามารถรูปแบบสิ่ง

928
00:44:53,540 --> 00:44:56,780
ดังนั้นหากคุณคลิกที่ตารางตัวอย่างเช่น
คุณได้ทันทีสามารถทำให้

929
00:44:56,780 --> 00:45:01,710
ตารางสวยโดยเพิ่ม
ตารางเรียนไป

930
00:45:01,710 --> 00:45:03,150
>> สิ่งที่เหมือนกันสำหรับปุ่ม

931
00:45:03,150 --> 00:45:12,140
หากคุณเพียงแค่เพิ่มการเรียนและ BTN BTN
เริ่มต้นหรือ BTN หลักที่คุณสามารถ

932
00:45:12,140 --> 00:45:16,240
ได้รับหนึ่งของปุ่มเหล่านี้
ที่มีรูปแบบที่ทำไว้ล่วงหน้าเหล่านี้

933
00:45:16,240 --> 00:45:18,570
แล้วถ้าคุณกำลังมองหา
บางสิ่งบางอย่างที่ซับซ้อนมากขึ้นกว่าเพียงแค่

934
00:45:18,570 --> 00:45:24,100
restyling สิ่งที่มีอยู่แล้วกว้างกว่าที่
แท็บ JavaScript ข้ามเราด้านบน

935
00:45:24,100 --> 00:45:25,120
มีพวงของส่วนประกอบ

936
00:45:25,120 --> 00:45:30,410
>> ดังนั้นที่นี่เรามีการเปลี่ยน Modals,
dropdowns แท็บและคำแนะนำ

937
00:45:30,410 --> 00:45:35,530
คำแนะนำเป็นสิ่งที่ปรากฏขึ้นภายใต้ของคุณ
เมาส์เมื่อคุณเลื่อนในสิ่งที่

938
00:45:35,530 --> 00:45:40,280
popovers แจ้งเตือนปุ่มยุบ
accordions คือสิ่งที่

939
00:45:40,280 --> 00:45:41,190
พวกเขามักจะเรียกว่ากำลัง

940
00:45:41,190 --> 00:45:43,045
คิวซึ่งพลิก
ผ่านภาพเหมือน

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> ดังนั้นผู้ที่เป็นส่วนประกอบ
ของเงินทุน

943
00:45:54,840 --> 00:45:57,620
ฉันจะขอแนะนำให้คุณ
สูงไปดูพวกเขา

944
00:45:57,620 --> 00:46:01,780
มีส่วนประกอบที่เป็น JavaScript
และองค์ประกอบ CSS

945
00:46:01,780 --> 00:46:03,880
รู้สึกอิสระที่จะใช้พวกเขาเป็นคุณจะ

946
00:46:03,880 --> 00:46:06,730
เราไม่ได้จะไปมากเกินไปในพวกเขา
เพราะเรารู้สึกเอกสาร

947
00:46:06,730 --> 00:46:09,360
จะทำดีจริงๆ

948
00:46:09,360 --> 00:46:10,540
และใช่

949
00:46:10,540 --> 00:46:14,500
คุณมีคำถามใด ๆ เกี่ยวกับที่

950
00:46:14,500 --> 00:46:19,430
>> MIKE Rizzo: เพื่อที่อย่างรวดเร็วจริงๆ
ด้านการออกแบบของหน้าเว็บนี้ว่า

951
00:46:19,430 --> 00:46:21,830
เราได้อย่างรวดเร็ววางร่วมกันเพื่อ
งานนำเสนอนี้เป็น

952
00:46:21,830 --> 00:46:24,290
ทำจริงโดยใช้เงินทุน

953
00:46:24,290 --> 00:46:27,810
ที่คุณสามารถดูเมื่อเราคลิกที่เหล่านี้
แท็บที่แตกต่างกันเราก็ไม่จริง

954
00:46:27,810 --> 00:46:30,750
ออกจากหน้าเว็บ index.html ปัจจุบันนี้

955
00:46:30,750 --> 00:46:36,400
ดังนั้นสิ่งที่เรามีคือ divs ที่แตกต่างกัน
ภายใน index.html นี้

956
00:46:36,400 --> 00:46:39,610
และจากนั้นเมื่อใดก็ตามที่เราคลิกที่แตกต่างกัน
แท็บก็เพียงแค่เปลี่ยน

957
00:46:39,610 --> 00:46:41,590
ซึ่งแสดงให้เห็นอย่างใดอย่างหนึ่ง

958
00:46:41,590 --> 00:46:47,390
>> ดังนั้นมันตามตำแหน่งพวกเขา
การเปลี่ยนแปลง HTM​​L ของหน้าเพื่อให้

959
00:46:47,390 --> 00:46:52,330
แท็บปัจจุบันถูกทำเครื่องหมายเป็นที่ใช้งานเพื่อให้
แต่ดูเหมือนว่ามันแตกต่างกันและรูปลักษณ์

960
00:46:52,330 --> 00:46:52,820
ที่ดีจริงๆ

961
00:46:52,820 --> 00:46:57,260
>> TOMAS Reimers: ดังนั้นที่ทำทั้งหมด
โดยไม่ต้องเราเขียนเกือบ CSS ใด ๆ

962
00:46:57,260 --> 00:47:01,440
นอกจากนี้เรายังเห็นส่วนหัวด้านบนที่
ซึ่งสีที่เรา

963
00:47:01,440 --> 00:47:04,800
แต่ที่เกิดขึ้นจริงวางไว้บน
ด้านบนของหน้าและทำให้

964
00:47:04,800 --> 00:47:06,660
มันเลื่อนเป็นเงินทุน

965
00:47:06,660 --> 00:47:09,720
แล้วแม้สำหรับห้องสมุดอื่น - นี้
ไม่ได้เป็นหนึ่งที่เราพูดคุยเกี่ยวกับ แต่อย่างใดอย่างหนึ่ง

966
00:47:09,720 --> 00:47:11,580
คุณสามารถ Google ถ้าคุณต้องการ

967
00:47:11,580 --> 00:47:15,130
นี้เรียกว่า prettify.js

968
00:47:15,130 --> 00:47:20,650
และจะเน้นไวยากรณ์รหัสของคุณ
สำหรับคุณใช้ทั้ง CSS และ JavaScript

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> สิ่งสุดท้ายที่เราต้องการที่จะพูดคุยเกี่ยวกับ
ก่อนที่เราจะปล่อยให้คุณออกไป

971
00:47:27,070 --> 00:47:30,620
โลกจะมองไปที่ห้องสมุดที่จะคิดออก
วิธีการที่จะใช้พวกเขาและหวังว่า

972
00:47:30,620 --> 00:47:34,640
อ่านเอกสารและค้นหาสิ่งที่คุณ
จำเป็นที่จะต้องเป็นวิธีการที่จะหาห้องสมุด

973
00:47:34,640 --> 00:47:37,000
ดังนั้นครั้งแรกก็คือเรากำลังเพียง
จะผลักดัน Google

974
00:47:37,000 --> 00:47:37,810
ไปที่ Google

975
00:47:37,810 --> 00:47:41,150
>> ว่าแท้จริงสิ่งที่เราทำเมื่อเรา
ต้องทำสิ่งที่เรา Google

976
00:47:41,150 --> 00:47:44,730
มีห้องสมุด JavaScript ที่
ช่วยให้ผมที่จะจัดการกับเวลาในการ

977
00:47:44,730 --> 00:47:45,400
วิธีที่มีประโยชน์?

978
00:47:45,400 --> 00:47:49,510
ดังนั้นถ้าผมรู้ว่าผู้ใช้บางคนสร้าง
บัญชีที่นี่และนี่คือ

979
00:47:49,510 --> 00:47:53,010
เวลาปัจจุบันวิธีการที่ฉันสามารถคำนวณ
ความแตกต่างกับที่โดยไม่ต้อง

980
00:47:53,010 --> 00:47:55,020
คำนวณเองได้หรือไม่

981
00:47:55,020 --> 00:47:59,630
ดังนั้นนี้เป็นจริงเป็นสิ่งที่ร่วมกัน
เวลาห้องสมุด JavaScript

982
00:47:59,630 --> 00:48:02,440
และที่นี่เรา Moment.js -
อย่างใดอย่างหนึ่งที่นิยมมากที่สุด

983
00:48:02,440 --> 00:48:06,530
>> ถ้าเราต้องการห้องสมุดที่จะจัดการกับ
สิ่งที่ชอบสีเพื่อให้สามารถ

984
00:48:06,530 --> 00:48:08,650
สร้างพวงของสีที่สุ่ม -

985
00:48:08,650 --> 00:48:10,660
อาจเป็นไปได้ในการสร้าง
รูปแบบหรืออะไร -

986
00:48:10,660 --> 00:48:13,480
เราจะได้สิ่งที่ต้องการ Google
ห้องสมุด JavaScript สี

987
00:48:13,480 --> 00:48:15,620
และผมมั่นใจว่าเราจะปรากฏขึ้นด้วย
พันและหนึ่งในนั้น

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
คุณยินดีที่จะอ่านผ่านพวกเขา

990
00:48:21,410 --> 00:48:24,610
>> ดังนั้นสิ่งที่มากที่สุด - เมื่อคุณพบพวกเขา -
จะเป็นเจ้าภาพในหนึ่งใน

991
00:48:24,610 --> 00:48:25,920
เว็บไซต์ที่รหัสพื้นที่

992
00:48:25,920 --> 00:48:26,960
พวกเขากำลังเป็นที่นิยมไม่กี่

993
00:48:26,960 --> 00:48:30,870
ที่นิยมมากที่สุดโดย
ห่างไกลเป็น github.com

994
00:48:30,870 --> 00:48:35,300
และถ้าคุณไปที่ GitHub เป็นจริง
ทำให้ปกติท​​ี่เป็นเจ้าภาพ

995
00:48:35,300 --> 00:48:36,950
ดังนั้นถ้าคุณต้องการที่จะกลับไปที่

996
00:48:36,950 --> 00:48:38,135
แสดงให้พวกเขาว่า

997
00:48:38,135 --> 00:48:40,516
>> MIKE Rizzo: และที่จริงที่
นี้เป็นเจ้าภาพเกินไปถ้าคุณสังเกตเห็น

998
00:48:40,516 --> 00:48:41,000
>> TOMAS ไรเมอร์: ใช่

999
00:48:41,000 --> 00:48:49,078
ดังนั้นถ้าคุณไปกว่าที่จะทำให้ปกติ
และไปที่ GitHub

1000
00:48:49,078 --> 00:48:51,936
ก็คือ?

1001
00:48:51,936 --> 00:48:54,620
>> MIKE Rizzo: สิ่งที่แมวน้อยที่
เป็นสัญลักษณ์ GitHub

1002
00:48:54,620 --> 00:48:56,330
>> TOMAS ไรเมอร์: โอ้

1003
00:48:56,330 --> 00:49:02,180
ดังนั้น GitHub ใช้วิธีการที่เรียกว่า
Git รหัสร้านค้า

1004
00:49:02,180 --> 00:49:05,150
คือคุณไม่ทราบว่ามันคืออะไรหรือ
มันกลัวคุณที่ดี

1005
00:49:05,150 --> 00:49:16,100
คุณไม่จำเป็นต้องรู้ว่าสิ่งที่ Git เป็น
เพราะ GitHub มีปุ่มดาวน์โหลด

1006
00:49:16,100 --> 00:49:17,200
ที่ด้านล่างขวา

1007
00:49:17,200 --> 00:49:21,350
>> สิ่งที่มีประโยชน์อื่น ๆ ที่จะรู้ว่า
เกี่ยวกับ GitHub เป็นผลิตภัณฑ์ส่วนใหญ่

1008
00:49:21,350 --> 00:49:23,200
จะมีผมอ่าน

1009
00:49:23,200 --> 00:49:25,400
และถ้าพวกเขาไม่ได้มีเว็บไซต์
อ่านฉันจะพูดคุยเกี่ยวกับวิธีการที่คุณ

1010
00:49:25,400 --> 00:49:28,310
ติดตั้งวิธีการที่คุณใช้มันในสิ่งที่มัน
ไม่และอื่น ๆ และอื่น ๆ และอื่น ๆ

1011
00:49:28,310 --> 00:49:31,033
สิ่งที่เราได้รับการพื้น
เดินคุณผ่าน

1012
00:49:31,033 --> 00:49:32,326
>> MIKE Rizzo: เลิกอินเทอร์เน็ต

1013
00:49:32,326 --> 00:49:34,020
>> TOMAS ไรเมอร์: ที่ดี

1014
00:49:34,020 --> 00:49:36,980
สองสิ่งที่เราต้องการ
พูดคุยเกี่ยวกับ -

1015
00:49:36,980 --> 00:49:38,750
เราได้พูดคุยเกี่ยวกับ Git -

1016
00:49:38,750 --> 00:49:40,290
คือการแก้ไขปัญหา

1017
00:49:40,290 --> 00:49:43,020
และหนึ่งในนี้ไม่เป็นที่เกี่ยวข้องกับ
ผลิตภัณฑ์สุดท้ายที่เป็น

1018
00:49:43,020 --> 00:49:44,870
เมื่อคุณออกจาก 50

1019
00:49:44,870 --> 00:49:48,310
และเมื่อคุณทำงานเป็นผลิตภัณฑ์
การดำเนินการหรือการใช้ห้องสมุด

1020
00:49:48,310 --> 00:49:50,230
โครงการของคุณเองคุณจะ
ที่จะมีคำถามหรือคุณ

1021
00:49:50,230 --> 00:49:51,660
จะมองหาคำถาม

1022
00:49:51,660 --> 00:49:53,060
>> อีกครั้ง Google มัน

1023
00:49:53,060 --> 00:49:54,630
ว่าแท้จริงสิ่งที่เราทำ

1024
00:49:54,630 --> 00:49:56,400
นี้จะเสียงโง่

1025
00:49:56,400 --> 00:49:58,310
แต่แท้จริงเรา Google มัน

1026
00:49:58,310 --> 00:50:01,810
และอีกครั้งหนึ่งในสิ่งแรกที่
คุณมักจะใช้เป็นเป็น

1027
00:50:01,810 --> 00:50:06,550
stackoverflow.com ซึ่งเป็นที่ยอดเยี่ยม
คำถามและคำตอบสายตา

1028
00:50:06,550 --> 00:50:10,530
>> มันเป็นที่ยอดเยี่ยมทั้งสองเพราะคุณสามารถ
โพสต์คำถามและมองหา

1029
00:50:10,530 --> 00:50:12,760
คำตอบ แต่ยังเพราะ
มันมีอยู่แล้วจำนวนมาก

1030
00:50:12,760 --> 00:50:14,590
เนื้อหาก่อนที่มีประชากรมี

1031
00:50:14,590 --> 00:50:18,510
ดังนั้นโดยปกติเมื่อคุณ Google การเขียนโปรแกรม
คำถามแรกภายใน

1032
00:50:18,510 --> 00:50:22,620
คู่ฮิตที่คุณอาจจะมีการทำงานอยู่แล้ว
ลงไปในระหว่างชุดปัญหาของคุณ

1033
00:50:22,620 --> 00:50:27,840
>> และแล้วสิ่งที่สั้น ๆ จริงๆที่ผ่านมา
เป็น JSFIDDLE ซึ่งเป็น - วันนี้เราได้

1034
00:50:27,840 --> 00:50:32,110
รับการทำมากในการทำงานด้วย
JavaScript HTML, CSS

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE เป็น app เว็บซึ่งโดยทั่วไป
ช่วยให้คุณสามารถใช้ HTML ของคุณของคุณ

1036
00:50:39,820 --> 00:50:42,820
JavaScript ด้านล่างซ้ายและ
CSS ด้านบนขวาของคุณ

1037
00:50:42,820 --> 00:50:47,840
แล้วก็สามารถสร้างได้อย่างรวดเร็วทำให้
ของมันและดูว่ามันมีปฏิสัมพันธ์

1038
00:50:47,840 --> 00:50:50,500
มันเป็นประโยชน์อย่างมากเมื่อมีคนพยายาม
การทำหลักฐานการแนวคิดเช่น

1039
00:50:50,500 --> 00:50:52,910
นี้เป็นวิธีการที่คุณจะ
ทำเมนูแบบเลื่อนลง

1040
00:50:52,910 --> 00:50:54,980
อาจจะเปิดเผยได้อย่างรวดเร็วหรืออะไรก็ตาม

1041
00:50:54,980 --> 00:50:56,560
>> MIKE Rizzo: ดังนั้นขอไป
ข้างหน้าและคลิกที่นี้

1042
00:50:56,560 --> 00:50:57,820
ทราบอย่างรวดเร็ว -

1043
00:50:57,820 --> 00:51:00,430
ในขณะที่ก่อนที่เราจะได้
ทำในคลิก

1044
00:51:00,430 --> 00:51:04,380
จะเปิดออก JCorey เกาหลีนอกจากนี้ยังมีการสร้างขึ้น
ในการคลิกตัวจัดการเหตุการณ์ที่

1045
00:51:04,380 --> 00:51:07,020
ใช้เพียงเพราะตัวเลขที่คุณอยู่
จะต้องการที่จะทำสิ่งต่างๆมากมาย

1046
00:51:07,020 --> 00:51:08,410
เมื่อคุณต้องการบางสิ่งบางอย่างที่จะคลิก

1047
00:51:08,410 --> 00:51:09,690
>> ในทำนองเดียวกันก็ยังมีการเลื่อน

1048
00:51:09,690 --> 00:51:12,850
แต่เพื่อให้ได้ขอบเขตของ
เหล่านั้นให้ดูที่ jQuery

1049
00:51:12,850 --> 00:51:15,320
เอกสารและทำมัน

1050
00:51:15,320 --> 00:51:18,760
ผมทำอะไรโง่ที่นี่

1051
00:51:18,760 --> 00:51:21,490
>> TOMAS Reimers: ดังนั้นผมจึงมีได้อย่างรวดเร็วจริงๆ
โปรแกรมที่เหมาะสมที่นี่ซึ่งกล่าวว่า

1052
00:51:21,490 --> 00:51:22,640
คลิกปุ่มบน

1053
00:51:22,640 --> 00:51:23,890
แล้วเรามีการวน

1054
00:51:23,890 --> 00:51:26,810
สำหรับ i น้อยกว่า 404

1055
00:51:26,810 --> 00:51:29,530
มันก็จะปรากฏขึ้น
ข้อความแจ้งเตือนเหล่านี้

1056
00:51:29,530 --> 00:51:33,425
>> MIKE Rizzo: และสิ่งที่เป็น
รหัส 404 ยืนใน HTML ได้ไหม?

1057
00:51:33,425 --> 00:51:34,145
ไม่มีใครจำได้ไหม?

1058
00:51:34,145 --> 00:51:35,450
ไม่พบขวา

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
โครเมี่ยมยังเพิ่มเรียบร้อยนี้
สิ่งที่คุณสามารถ -

1061
00:51:40,885 --> 00:51:43,430
>> TOMAS ไรเมอร์: เพราะคนชอบ
ไมค์เริ่มต้นการทำเช่นนี้มากและ

1062
00:51:43,430 --> 00:51:47,230
ผู้ใช้ที่น่ารำคาญซึ่งจะช่วยให้
คุณจะเห็นข้อมูล

1063
00:51:47,230 --> 00:51:48,286
>> MIKE Rizzo: ใช่

1064
00:51:48,286 --> 00:51:50,690
>> TOMAS ไรเมอร์: เรามีคำถามใด ๆ
เกี่ยวกับเรื่องนี้เกี่ยวกับ JavaScript

1065
00:51:50,690 --> 00:51:53,420
ห้องสมุดหาห้องสมุดหรือ
สิ่งที่มีลักษณะการพัฒนาเว็บ

1066
00:51:53,420 --> 00:51:55,400
เช่นเดียวกับในโลกจริงหรือไม่

1067
00:51:55,400 --> 00:51:56,880
เรากำลังทำงานขึ้นกับเวลา

1068
00:51:56,880 --> 00:52:00,400
ดังนั้นผมไม่แน่ใจว่าเราจะ
จะได้มีเวลาในการดำเนินการ

1069
00:52:00,400 --> 00:52:02,290
เว้นแต่จะรวดเร็วจริงๆ

1070
00:52:02,290 --> 00:52:04,580
เราจะดีหรือไม่?

1071
00:52:04,580 --> 00:52:08,110
>> MIKE Rizzo: สิ่งที่พวกคุณต้องการ
ที่จะเห็นจริงอย่างรวดเร็วในเช่นสอง

1072
00:52:08,110 --> 00:52:09,556
นาทีหรือน้อยลงหรือไม่

1073
00:52:09,556 --> 00:52:10,870
>> TOMAS ไรเมอร์: อะไร
เราสามารถชี้แจง?

1074
00:52:10,870 --> 00:52:12,500
วิธีการเขียนใน -

1075
00:52:12,500 --> 00:52:13,260
>> ผู้ชม: [ไม่ได้ยิน]?

1076
00:52:13,260 --> 00:52:16,070
>> MIKE Rizzo: ใช่ 's ดังนั้น -

1077
00:52:16,070 --> 00:52:18,065
>> TOMAS ไรเมอร์: คุณก็สามารถตี
ควบคุม-U บนเว็บไซต์

1078
00:52:18,065 --> 00:52:19,275
>> MIKE Rizzo: โอ้ผมไม่ทราบว่า

1079
00:52:19,275 --> 00:52:22,290
>> TOMAS ไรเมอร์: ผมคิดว่าใช่

1080
00:52:22,290 --> 00:52:23,300
ควบคุม-U ใช่

1081
00:52:23,300 --> 00:52:25,970
>> MIKE Rizzo: โอ้เพื่อที่ว่า
สำหรับเว็บไซต์

1082
00:52:25,970 --> 00:52:29,580
แต่ถ้าคุณจริงต้องการดาวน์โหลดของเรา
ไฟล์และทุกอย่างก็เป็นเจ้าภาพ

1083
00:52:29,580 --> 00:52:32,650
บน github.com

1084
00:52:32,650 --> 00:52:34,850
>> TOMAS Reimers: เฉือนชื่อของฉัน -

1085
00:52:34,850 --> 00:52:38,504
โทมัสไรเมอร์ - เฉือน
สัมมนา CS50 ยัติภังค์

1086
00:52:38,504 --> 00:52:40,710
>> MIKE Rizzo: และคุณสามารถ
พบทุกสิ่งที่มี

1087
00:52:40,710 --> 00:52:42,310
>> TOMAS ไรเมอร์: นี่คือสิ่งที่ GitHub
ดูเหมือนว่าโดยวิธีการที่

1088
00:52:42,310 --> 00:52:44,910
ดังนั้นอีกครั้งเมื่อคุณเห็นโอเพนซอร์ส
โครงการโดยทั่วไปพวกเขาจะอ่าน

1089
00:52:44,910 --> 00:52:45,950
ฉันมีที่คุณสามารถอ่าน

1090
00:52:45,950 --> 00:52:50,200
และถ้าคุณกลับไปคุณจะสังเกตเห็นว่า
คุณมีซิปดาวน์โหลดซึ่งจะ

1091
00:52:50,200 --> 00:52:52,130
ช่วยให้คุณสามารถดาวน์โหลดแหล่งที่มา
รหัสที่จะรวม

1092
00:52:52,130 --> 00:52:53,666
ผลิตภัณฑ์ในสิ่งที่ตัวคุณเอง

1093
00:52:53,666 --> 00:52:56,890
>> MIKE Rizzo: ใช่และถ้าเราเพียงแค่คลิกที่
บน index.html อย่างรวดเร็วจริงๆ -

1094
00:52:56,890 --> 00:52:59,180
>> TOMAS ไรเมอร์: คุณจะเห็นที่นี่
รหัสแหล่งที่มาสำหรับเว็บไซต์ของเรา

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> MIKE Rizzo: นอกจากนี้ผมลืมที่จะผลักดันที่เหมาะสม
ก่อนที่จะมีโต๊ะขนาดใหญ่มัน

1097
00:53:06,070 --> 00:53:09,860
รวม แต่ยังมีตาราง
ของ chmods ที่เรารวม

1098
00:53:09,860 --> 00:53:13,210
เพียงเพื่อความชัดเจนของคุณ

1099
00:53:13,210 --> 00:53:16,940
แต่ถ้าเราเลื่อนตลอดทางลงไป
ด้านล่างเราไม่ได้ทำจริงมาก

1100
00:53:16,940 --> 00:53:21,160
มากกับ JavaScript
สิ่งที่ทุกนี้

1101
00:53:21,160 --> 00:53:26,610
มันเป็นเฉพาะจากทุกอย่าง
อื่น ๆ ที่เรามี

1102
00:53:26,610 --> 00:53:28,730
>> ดังนั้นขอขอบคุณพวกคุณที่มา
และการฟัง

1103
00:53:28,730 --> 00:53:29,830
เราหวังว่านี้เป็นประโยชน์จริงๆ

1104
00:53:29,830 --> 00:53:33,020
หากคุณมีจาวาสคริปต์ที่เกี่ยวข้องใด ๆ
คำถามหรือเพียงแค่ต้องการที่จะพูดคุยเกี่ยวกับ

1105
00:53:33,020 --> 00:53:36,240
สิ่งอื่นเช่นสิ่งดีๆอื่น ๆ
คุณสามารถทำอะไรกับจาวาสคริปต์ที่เราต้องการความรัก

1106
00:53:36,240 --> 00:53:37,186
จะคุยกับคุณ

1107
00:53:37,186 --> 00:53:40,010
>> TOMAS ไรเมอร์: ถ้าคุณมีคำถาม
เกี่ยวกับโครงการของคุณหรือถ้านี้สามารถ

1108
00:53:40,010 --> 00:53:42,740
ที่เกี่ยวข้องที่เราอาจจะติดรอบ
นิด ๆ หน่อย ๆ หลังจากนี้

1109
00:53:42,740 --> 00:53:44,640
แต่นอกเหนือจากที่มี
วันหยุดสุดสัปดาห์ที่ดี

1110
00:53:44,640 --> 00:53:45,845
>> MIKE Rizzo: ใช่สนุก

1111
00:53:45,845 --> 00:53:46,120
ดูพวกคุณ

1112
00:53:46,120 --> 00:53:47,370
>> TOMAS Reimers: ดู ya

1113
00:53:47,370 --> 00:53:47,926