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

2
00:00:10,632 --> 00:00:12,340
ALLISON BUCHHOLTZ-AU:
Tất cả mọi người đều phải.

3
00:00:12,340 --> 00:00:13,520
Chào mừng trở lại phần.

4
00:00:13,520 --> 00:00:15,315
Nó là phần áp chót của chúng tôi.

5
00:00:15,315 --> 00:00:16,542
Thật đáng buồn.

6
00:00:16,542 --> 00:00:19,500
Tôi không biết những gì tôi sẽ làm
mà không nhìn thấy các bạn vào mỗi thứ Hai.

7
00:00:19,500 --> 00:00:20,970
Tôi nghĩ chúng ta nên just--
có lẽ chúng ta có thể chỉ

8
00:00:20,970 --> 00:00:22,710
gặp nhau ở đây và ăn tối hoặc một cái gì đó.

9
00:00:22,710 --> 00:00:23,270
Tôi không biết.

10
00:00:23,270 --> 00:00:24,370
Tôi sẽ mang theo thức ăn thay thế.

11
00:00:24,370 --> 00:00:26,290
Chúng tôi sẽ chỉ nói chuyện.

12
00:00:26,290 --> 00:00:29,900
Nhưng có, tuần tới sẽ
là phần cuối cùng của chúng tôi.

13
00:00:29,900 --> 00:00:32,390
>> Ngày lưu ý rằng, bạn có một bài kiểm tra vào tuần tới.

14
00:00:32,390 --> 00:00:35,660
Tôi biết tôi quên để làm của tôi, giống như,
Hai tuần trước thông báo tuần trước,

15
00:00:35,660 --> 00:00:39,140
nhưng hy vọng các bạn
biết điều này sẽ xảy ra.

16
00:00:39,140 --> 00:00:42,880
Hy vọng rằng đây là một trong những người cuối cùng
midterms cho các bạn trong học kỳ.

17
00:00:42,880 --> 00:00:46,950
Nhưng nó sẽ bao gồm tất cả các
liệu mà chúng tôi đã đi qua.

18
00:00:46,950 --> 00:00:50,811
Vì vậy, nó không giống như bạn chỉ có thể quên
khoảng bốn tuyến hoặc biến.

19
00:00:50,811 --> 00:00:52,560
Bởi vì chúng ta đã học
những người trong đầu,

20
00:00:52,560 --> 00:00:55,870
đó là rõ ràng
trò chơi công bằng cho bài kiểm tra của bạn.

21
00:00:55,870 --> 00:01:00,150
>> Nó sẽ là định dạng tương tự, cùng
chiều dài, do đó, bạn đã quen với nó.

22
00:01:00,150 --> 00:01:02,330
Có sẽ là
mã hóa bởi các vấn đề tay,

23
00:01:02,330 --> 00:01:06,270
có thể một số sai sự thật,
có thể một số câu trả lời ngắn.

24
00:01:06,270 --> 00:01:08,090
Vì vậy, bạn nên có
quen thuộc với các định dạng,

25
00:01:08,090 --> 00:01:10,940
đặc biệt là nếu bạn có
các bài kiểm tra thực hành.

26
00:01:10,940 --> 00:01:13,950
Nhưng như tôi nói ở đây, đó là
tích lũy, nhưng chúng tôi chắc chắn

27
00:01:13,950 --> 00:01:17,410
sẽ tập trung vào
thứ sáu tuần trở đi.

28
00:01:17,410 --> 00:01:24,050
Vì vậy, chúng tôi có lẽ sẽ không
hỏi bạn bao nhiêu byte

29
00:01:24,050 --> 00:01:26,180
trong mỗi loại hay
những loại vật,

30
00:01:26,180 --> 00:01:29,730
nhưng chúng ta có lẽ sẽ là
quan tâm đến những thứ như danh sách liên kết,

31
00:01:29,730 --> 00:01:32,750
hoặc các cấu trúc dữ liệu khác nhau,
hoặc các thuật toán khác nhau

32
00:01:32,750 --> 00:01:33,960
mà chúng tôi đã nói chuyện về.

33
00:01:33,960 --> 00:01:38,990
Vì vậy, chắc chắn rằng bạn đang thực sự
lên trên những người, và nếu bạn

34
00:01:38,990 --> 00:01:41,590
cần bất kỳ nguồn tài nguyên,
ở đây là rất nhiều nguồn lực.

35
00:01:41,590 --> 00:01:44,790
Tôi chỉ cho bạn loại
của một danh sách nhanh chóng đó.

36
00:01:44,790 --> 00:01:48,330
>> Tuần tới sẽ là bài kiểm tra
xem xét trong thời gian này.

37
00:01:48,330 --> 00:01:52,290
Vì vậy, nếu bạn có bất kỳ câu hỏi
hoặc các chủ đề cụ thể,

38
00:01:52,290 --> 00:01:56,180
những việc cụ thể trên các bài kiểm tra mà
bạn muốn đi qua, xin vui lòng

39
00:01:56,180 --> 00:02:01,780
gửi cho tôi tới thời gian để tôi có thể
loại chuẩn bị một số tài liệu cho rằng.

40
00:02:01,780 --> 00:02:06,310
Và ngoài việc này
phần xem xét, chúng tôi sẽ

41
00:02:06,310 --> 00:02:09,616
cũng được tổ chức quá trình toàn
xem xét như chúng tôi đã làm thời gian qua.

42
00:02:09,616 --> 00:02:11,490
Và nó sẽ là
thực hiện bởi những người cùng.

43
00:02:11,490 --> 00:02:13,030
Tôi không biết nếu đó
làm cho nó tốt hơn hoặc tồi tệ hơn,

44
00:02:13,030 --> 00:02:15,670
nhưng nó sẽ là tôi,
Hannah, Davan, và Gabe nữa.

45
00:02:15,670 --> 00:02:18,630
Vì vậy, nếu bạn muốn đến xem
tất cả chúng ta nói đùa với nhau

46
00:02:18,630 --> 00:02:21,270
và hướng dẫn bạn thông qua các bài kiểm tra
xem xét lại, bạn nên chắc chắn

47
00:02:21,270 --> 00:02:22,600
đến đó vào thứ hai tới cũng.

48
00:02:22,600 --> 00:02:26,210
Vì vậy, bạn sẽ chỉ có một ách tắc thứ hai
đóng gói của tổng đố, đó là tốt

49
00:02:26,210 --> 00:02:29,840
bởi vì sau đó bạn có thứ ba
để xử lý thông qua tất cả mọi thứ.

50
00:02:29,840 --> 00:02:32,230
>> Nhưng chắc chắn hãy kiểm tra
tra các nguồn lực.

51
00:02:32,230 --> 00:02:36,030
Study.csv.net là bởi đến nay, tôi
nghĩ rằng, một trong những hữu ích nhất,

52
00:02:36,030 --> 00:02:37,990
chủ yếu là bởi vì nó có
rất nhiều mẫu mã,

53
00:02:37,990 --> 00:02:40,490
nó có tất cả các điểm điện
với tất cả các ghi chú trên đó,

54
00:02:40,490 --> 00:02:44,510
đó là thực sự những gì tôi vẽ nhất
vật liệu phần của tôi từ.

55
00:02:44,510 --> 00:02:47,480
Nếu có bất cứ điều gì ở trước
phần mà tôi có thể đã gửi

56
00:02:47,480 --> 00:02:49,920
mà bạn có thể không có
nhận được, chỉ cho tôi biết.

57
00:02:49,920 --> 00:02:52,520
Giống như mẫu mã của tuần trước,
nếu ai không có được điều đó,

58
00:02:52,520 --> 00:02:55,930
chỉ cần gửi email cho tôi hay đến nói chuyện với tôi,
và tôi sẽ đảm bảo rằng bạn có được điều đó.

59
00:02:55,930 --> 00:03:02,000
>> Vì vậy, với điều đó, hôm nay chúng ta sẽ
là nói về JavaScript.

60
00:03:02,000 --> 00:03:04,690
Vì vậy, ở đây chúng tôi Tommy, tôi là ai
chỉ nói chuyện với bạn đêm qua.

61
00:03:04,690 --> 00:03:06,670
Tôi yêu Tommy.

62
00:03:06,670 --> 00:03:09,040
JavaScript là yêu thích của mình
ngôn ngữ, như ông nói ở đây.

63
00:03:09,040 --> 00:03:14,050
Họ sẽ cố gắng và nói với bạn rằng đó là
không phải là tốt nhất, và họ sẽ là sai lầm.

64
00:03:14,050 --> 00:03:16,510
Vì vậy, Tommy là một bậc thầy JavaScript.

65
00:03:16,510 --> 00:03:19,850
Tôi không hoàn toàn ở anh
mức độ, nhưng tôi là như thế,

66
00:03:19,850 --> 00:03:22,900
"Tommy, làm thế nào để tôi dạy
những đứa trẻ JavaScript? "

67
00:03:22,900 --> 00:03:26,700
Vì vậy, tôi có một số lời khuyên, vì vậy
hy vọng họ làm việc ra.

68
00:03:26,700 --> 00:03:31,140
>> Vì vậy, một vài điều cần biết là
JavaScript là một kịch bản phía máy khách

69
00:03:31,140 --> 00:03:35,560
ngôn ngữ, vì vậy trong khi PHP là một cái gì đó
mà chúng ta coi là có nhiều server-side,

70
00:03:35,560 --> 00:03:39,280
nó đã được tải lên máy chủ,
biên soạn và thực hiện có.

71
00:03:39,280 --> 00:03:42,871
Điều này được thực thi
trên máy tính của riêng bạn.

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

73
00:03:43,370 --> 00:03:46,960
Vì vậy, bạn tải một số trang JavaScript,
và nó thực hiện trên máy tính của bạn.

74
00:03:46,960 --> 00:03:49,910
Cú pháp là rất tương tự như C và PHP.

75
00:03:49,910 --> 00:03:52,490
Chúng ta sẽ đi qua
một số ví dụ của JavaScript,

76
00:03:52,490 --> 00:03:56,740
và bạn sẽ thấy rằng
cách chúng ta nói về các biến, vòng,

77
00:03:56,740 --> 00:03:58,910
và điều kiện đều rất tương tự.

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

79
00:04:00,500 --> 00:04:04,490
Thực tế rằng họ là như vậy tương tự
có lẽ sẽ vấp một số bạn

80
00:04:04,490 --> 00:04:08,529
lên, trong một số trường hợp, chỉ vì
bạn sẽ kết hợp một chút C

81
00:04:08,529 --> 00:04:09,570
nơi không nên có.

82
00:04:09,570 --> 00:04:14,130
Có lẽ bạn cố gắng và gõ một cái gì đó
khi nó không nên được đánh máy.

83
00:04:14,130 --> 00:04:16,540
>> Và ngày đó, có một điều để
biết là JavaScript

84
00:04:16,540 --> 00:04:19,360
là một kiểu động
ngôn ngữ, như PHP.

85
00:04:19,360 --> 00:04:21,410
Vì vậy, nếu các bạn nhớ
từ phần tuần trước,

86
00:04:21,410 --> 00:04:23,680
khi chúng tôi đã loại làm
khóa học sụp đổ PHP của chúng tôi,

87
00:04:23,680 --> 00:04:28,860
chúng ta đã biết một chuỗi có thể được
biến thành một int, và vân vân.

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

89
00:04:31,650 --> 00:04:34,850
Các loại biến của bạn
được xác định tại thời gian chạy,

90
00:04:34,850 --> 00:04:38,180
do đó, họ có thể thay đổi theo
các khóa học của chương trình,

91
00:04:38,180 --> 00:04:43,109
và trong cùng một cách mà chúng ta không bao giờ
thực sự khai báo các loại cho các biến PHP,

92
00:04:43,109 --> 00:04:45,900
chúng ta sẽ được làm việc cùng
điều ở đây, nơi mà chúng ta không thực sự

93
00:04:45,900 --> 00:04:49,740
kiểm soát các loại biến của chúng tôi,
vậy để nói chuyện, giống như chúng ta làm trong C.

94
00:04:49,740 --> 00:04:52,200
>> Và sau đó một điều
đó là khá mát mẻ là

95
00:04:52,200 --> 00:04:54,090
mà bạn có thể có sai sót
kiểm tra thông qua giao diện điều khiển,

96
00:04:54,090 --> 00:04:57,240
với chức năng tuyệt vời này
console.log, mà

97
00:04:57,240 --> 00:05:00,930
cho phép bạn in ra khác nhau
biến hoặc đối tượng mà chúng ta sẽ

98
00:05:00,930 --> 00:05:01,750
nói về.

99
00:05:01,750 --> 00:05:05,720
Cũng giống như tuần trước khi tôi
như, "sử dụng chức năng này," với bãi

100
00:05:05,720 --> 00:05:10,490
từ pset của bạn này là một chức năng
bạn muốn sử dụng, console.log.

101
00:05:10,490 --> 00:05:12,860
Tôi đã rất ngạc nhiên bao nhiêu
sinh viên tại văn phòng giờ

102
00:05:12,860 --> 00:05:14,530
không biết về các chức năng dump.

103
00:05:14,530 --> 00:05:19,010
Và tôi đã được như thế, "chàng trai, điều này sẽ
làm cho cuộc sống của bạn dễ dàng hơn rất nhiều. "

104
00:05:19,010 --> 00:05:22,960
>> Được rồi, vì vậy đó là loại
chỉ là một điều ngắn gọn, như mọi khi,

105
00:05:22,960 --> 00:05:24,000
chúng ta có ví dụ.

106
00:05:24,000 --> 00:05:25,600
Tôi biết các bạn yêu những người.

107
00:05:25,600 --> 00:05:30,930
Vì vậy, đây là một ví dụ của một rất
đơn giản JavaScript tập tin ở đây.

108
00:05:30,930 --> 00:05:34,000
Vì vậy, nó chỉ sẽ tạo ra
này pop-up nói rằng,

109
00:05:34,000 --> 00:05:36,336
"Hello world", khi bạn
nhập trang, nhưng chúng ta hãy

110
00:05:36,336 --> 00:05:37,960
cố gắng và đi bộ qua đây một chút.

111
00:05:37,960 --> 00:05:43,440
Vì vậy, rõ ràng đây chỉ là
index.html như bình thường của bạn.

112
00:05:43,440 --> 00:05:50,280
Vì vậy, chỉ cần mẫu thông thường của chúng tôi ở đây,
và chúng tôi có HTML, chúng ta có đầu của chúng tôi,

113
00:05:50,280 --> 00:05:55,580
và cũng giống như với CSS, làm thế nào chúng tôi
bao gồm một số tập tin bên ngoài, phải không?

114
00:05:55,580 --> 00:05:59,260
Chúng tôi có một số loại script
văn bản đó là JavaScript.

115
00:05:59,260 --> 00:06:02,680
Và nguồn là hello.js,
mà là xuống đây.

116
00:06:02,680 --> 00:06:05,630
Đây là toàn bộ tập tin của hello.js.

117
00:06:05,630 --> 00:06:09,080
Và sau đó chúng tôi có một số
tiêu đề và một số HTML cơ thể

118
00:06:09,080 --> 00:06:11,050
rằng chúng ta không thực sự quan tâm.

119
00:06:11,050 --> 00:06:15,970
>> Những gì xảy ra là, khi chúng ta nạp trang này,
nó tự động thực thi kịch bản này.

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

121
00:06:16,470 --> 00:06:18,790
Vì vậy, JavaScript sẽ
thực hiện tự động.

122
00:06:18,790 --> 00:06:22,860
Vì vậy, những gì nó sẽ làm gì, nó sẽ
để ngay lập tức đi và thực hiện điều này.

123
00:06:22,860 --> 00:06:24,110
Và nó sẽ nói, "cảnh báo.

124
00:06:24,110 --> 00:06:25,190
Xin chào thế giới. "

125
00:06:25,190 --> 00:06:30,840
Những cảnh báo là chức năng mà
thực sự tạo ra box này.

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

127
00:06:31,540 --> 00:06:33,390
Vì vậy, nó là loại bao gồm tất cả.

128
00:06:33,390 --> 00:06:36,700
Không có gì thêm, chúng tôi đã có
để làm ngoài việc chỉ cảnh báo,

129
00:06:36,700 --> 00:06:40,000
và sau đó bất cứ điều gì chúng ta muốn
trong hộp cảnh báo của chúng tôi.

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

131
00:06:40,500 --> 00:06:45,080
Vì vậy, đó chỉ là một siêu đơn giản
ví dụ về những gì JavaScript có thể làm.

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

133
00:06:48,110 --> 00:06:50,070
>> Một trong những thực sự mát mẻ
thứ, như chúng ta sẽ thấy,

134
00:06:50,070 --> 00:06:55,150
là JavaScript cho phép bạn
để thao tác các trang web của bạn,

135
00:06:55,150 --> 00:06:57,720
mà không cần phải
tải lại chúng mỗi lần.

136
00:06:57,720 --> 00:07:01,830
Vì vậy, nếu bạn want-- ví dụ, nếu
bạn đang lơ lửng trên một cái gì đó,

137
00:07:01,830 --> 00:07:04,300
nếu bạn đã bao giờ có
coi như thanh Menu,

138
00:07:04,300 --> 00:07:07,360
hoặc khi bạn di chuột qua một số
chủ đề, một trình đơn thả xuống xuất hiện,

139
00:07:07,360 --> 00:07:08,670
đó là vì JavaScript.

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

141
00:07:09,170 --> 00:07:12,670
Vì vậy, bạn không tải lại toàn bộ
trang để có được menu này để hiển thị,

142
00:07:12,670 --> 00:07:17,240
bạn chỉ cần tìm kiếm một số cụ thể
hành động mà người sử dụng đã được thực hiện,

143
00:07:17,240 --> 00:07:21,800
được gọi là sự kiện mà chúng ta sẽ nhận được
thành, và một khi bạn thấy rằng, bạn nói,

144
00:07:21,800 --> 00:07:25,960
"OK, chỉnh sửa một cái gì đó về điều này
trang và làm cho nó trông khác nhau,

145
00:07:25,960 --> 00:07:28,270
nhưng chỉ chỉnh sửa những điều cụ thể.

146
00:07:28,270 --> 00:07:29,690
Không tải lại toàn bộ sự việc. "

147
00:07:29,690 --> 00:07:33,110
Vì vậy, nó thực sự là rất đẹp, và
bạn không cần phải tải lại trang web của bạn,

148
00:07:33,110 --> 00:07:34,510
và nó thực sự mát mẻ.

149
00:07:34,510 --> 00:07:38,270
>> Vì vậy, khai báo biến,
do đó, bạn có thể loại thấy,

150
00:07:38,270 --> 00:07:40,530
Tôi đặt lên hàng đầu ở đây, lỏng lẻo.

151
00:07:40,530 --> 00:07:42,570
Vì vậy, đây là rất nhiều như PHP.

152
00:07:42,570 --> 00:07:48,770
Chúng tôi không cần phải nói
JavaScript loại chúng tôi

153
00:07:48,770 --> 00:07:50,740
hy vọng mỗi người trong các biến được.

154
00:07:50,740 --> 00:07:52,560
Họ có thể là bất cứ loại chúng ta muốn.

155
00:07:52,560 --> 00:07:57,480
Vì vậy, bạn thông báo trong trường hợp này, chúng ta khai báo
chúng rất đơn giản, chỉ với "var"

156
00:07:57,480 --> 00:08:00,990
và sau đó bất cứ điều gì chúng ta muốn
tên biến của chúng tôi để được.

157
00:08:00,990 --> 00:08:05,680
Một điều cần lưu ý là khi bạn
var đặt ở phía trước của một tên biến,

158
00:08:05,680 --> 00:08:07,520
Lĩnh vực nó tại địa phương đó.

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

160
00:08:09,320 --> 00:08:14,025
Nó hoàn toàn hợp lý cho bạn
để hoàn toàn chỉ cần xóa các var

161
00:08:14,025 --> 00:08:18,970
và chỉ có s bằng CS50, và
điều đó chỉ là một biến toàn cầu.

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

163
00:08:19,580 --> 00:08:22,490
Vì vậy, bạn có thể khởi tạo nó cả hai cách,
chỉ phụ thuộc vào cách bạn muốn nó.

164
00:08:22,490 --> 00:08:24,448
Vì vậy, nếu bạn đang khởi tạo
nó trong vòng một chức năng,

165
00:08:24,448 --> 00:08:28,070
và bạn muốn biến đó để
ở scoped bên trong hàm đó,

166
00:08:28,070 --> 00:08:31,620
bạn sẽ muốn làm
một cái gì đó giống như var tên một biến,

167
00:08:31,620 --> 00:08:34,270
so với nếu bạn muốn nó
toàn cầu scoped, bạn

168
00:08:34,270 --> 00:08:36,240
chỉ có thể làm tên của
biến và sau đó

169
00:08:36,240 --> 00:08:38,270
bất cứ điều gì bạn muốn nó thiết lập bằng.

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

171
00:08:40,230 --> 00:08:45,580
>> Đây là loại điều thú vị ở đây,
bởi vì nếu chúng tôi nhận thấy biến của chúng tôi

172
00:08:45,580 --> 00:08:47,590
b bắt đầu ra như là sự thật.

173
00:08:47,590 --> 00:08:51,280
Và điều này có thể does--
ai cho tôi biết điều này không?

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

175
00:08:54,190 --> 00:08:55,890
Vì vậy, chúng tôi có một số cảnh báo.

176
00:08:55,890 --> 00:09:00,156
Điều gì sẽ gõ của b
được trong đầu?

177
00:09:00,156 --> 00:09:00,905
Đung Boolean.

178
00:09:00,905 --> 00:09:01,330
ALLISON BUCHHOLTZ-AU: Boolean.

179
00:09:01,330 --> 00:09:01,940
Phải.

180
00:09:01,940 --> 00:09:07,260
Và sau đó chúng tôi phân công lại b
để chuỗi này, phải không?

181
00:09:07,260 --> 00:09:11,170
Vì vậy, sau đó ở đây, loại b là?

182
00:09:11,170 --> 00:09:12,480
Nó muốn được một chuỗi, phải không?

183
00:09:12,480 --> 00:09:14,900
Vì vậy, điều quan trọng để
thông báo là trong c, chúng tôi

184
00:09:14,900 --> 00:09:17,330
có thể gần như không bao giờ làm
một cái gì đó như thế.

185
00:09:17,330 --> 00:09:22,000
Chúng tôi phải có một biến,
cast nó là cái gì khác,

186
00:09:22,000 --> 00:09:27,185
có thể làm một số chức năng với hai
i, đi từ một phí cho một số nguyên.

187
00:09:27,185 --> 00:09:31,063
Nhưng nếu chúng ta chú ý ở đây, b
rất dễ dàng thay đổi kiểu.

188
00:09:31,063 --> 00:09:33,760
>> Đung Chờ, vì vậy bạn có thể chỉ
được như thế, "làm cho b là một số nguyên?"

189
00:09:33,760 --> 00:09:34,360
>> ALLISON BUCHHOLTZ-AU: Yeah.

190
00:09:34,360 --> 00:09:36,185
Bạn chỉ có thể gán cho b là một số nguyên.

191
00:09:36,185 --> 00:09:36,910
>> Đung Really?

192
00:09:36,910 --> 00:09:38,035
>> ALLISON BUCHHOLTZ-AU: Yeah.

193
00:09:38,035 --> 00:09:39,810
Và sau đó nó sẽ là một int.

194
00:09:39,810 --> 00:09:43,820
Vì vậy, các biến của bạn có thể thay đổi theo
các khóa học của chương trình quá.

195
00:09:43,820 --> 00:09:46,410
Họ không gõ đúng.

196
00:09:46,410 --> 00:09:49,180
Nó là rất lỏng lẻo.

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

198
00:09:50,820 --> 00:09:54,820
Về cơ bản các biến của bạn có thể làm bất cứ điều gì
họ muốn, như chúng ta đã thấy loại với PHP.

199
00:09:54,820 --> 00:09:59,430
Họ có thể làm nhiều điều ngớ ngẩn, vì vậy
điều quan trọng là phải khá cẩn thận.

200
00:09:59,430 --> 00:10:01,200
Đặt tên cho các biến của bạn cũng.

201
00:10:01,200 --> 00:10:03,450
Nếu bạn không, tất cả của một đột ngột
bạn sẽ được như thế,

202
00:10:03,450 --> 00:10:05,783
"Chờ đợi, tôi nghĩ đây là một
chuỗi, và bây giờ nó là một int,

203
00:10:05,783 --> 00:10:08,170
và tôi không thực sự chắc chắn
những gì đang xảy ra ở đây. "

204
00:10:08,170 --> 00:10:12,410
Vì vậy, đây chỉ là một ví dụ đơn giản của
cho thấy làm thế nào một biến có thể dễ dàng

205
00:10:12,410 --> 00:10:15,890
thay đổi loại hình của nó trên
quá trình của một chương trình.

206
00:10:15,890 --> 00:10:16,870
>> OK.

207
00:10:16,870 --> 00:10:19,200
Vì vậy, điều này nên tìm
siêu, siêu quen thuộc.

208
00:10:19,200 --> 00:10:21,510
Vì vậy, đây là những vòng của chúng tôi trong JavaScript.

209
00:10:21,510 --> 00:10:27,780
Họ là giống hệt nhau, ngoại trừ
thay vì bốn int i bằng không,

210
00:10:27,780 --> 00:10:30,470
chúng ta chỉ có thể nói var i bằng không.

211
00:10:30,470 --> 00:10:34,100
Và sau đó chúng ta có thể có cùng một loại của chúng tôi
các điều kiện, cùng một loại cập nhật,

212
00:10:34,100 --> 00:10:36,090
i cộng với cộng với hoạt động tốt.

213
00:10:36,090 --> 00:10:39,800
Vì vậy, bốn chân đều giống nhau,
tuy rằng là như nhau,

214
00:10:39,800 --> 00:10:41,440
và làm tuy rằng là chính xác như nhau.

215
00:10:41,440 --> 00:10:44,070
Cùng một loại định dạng chung.

216
00:10:44,070 --> 00:10:48,840
Chúng tôi nhận thấy, bốn, dấu ngoặc đơn,
ngoặc, đó là tất cả như nhau.

217
00:10:48,840 --> 00:10:51,470
Ngoài ra sẽ có dấu chấm phẩy
khi chúng tôi nhận được mã số ví dụ.

218
00:10:51,470 --> 00:10:55,250
Bạn sẽ thấy nó đẹp
nhiều giống như c.

219
00:10:55,250 --> 00:10:59,770
>> Đối với tờ khai chức năng,
một lần nữa, rất giống nhau.

220
00:10:59,770 --> 00:11:05,100
Chúng tôi có một số chức năng mà chỉ
nói rằng đó là một chức năng, và sau đó

221
00:11:05,100 --> 00:11:07,660
tên của chúng tôi
chức năng, và các yếu tố đầu vào.

222
00:11:07,660 --> 00:11:11,590
Và một lần nữa nếu chúng tôi nhận thấy, chúng tôi
không có loại nào ở đây.

223
00:11:11,590 --> 00:11:12,090
Phải không?

224
00:11:12,090 --> 00:11:18,150
Chúng tôi không có gì nói rằng những
cần phải được ints hoặc đôi, hoặc phao nổi.

225
00:11:18,150 --> 00:11:19,530
Họ có thể là bất cứ điều gì họ muốn.

226
00:11:19,530 --> 00:11:23,560
Điều quan trọng là nhận ra rằng
chúng ta cần phải viết hàm trước

227
00:11:23,560 --> 00:11:26,430
để cho biết rằng JavaScript
đây thực sự là một chức năng.

228
00:11:26,430 --> 00:11:29,820
>> Vì vậy, đây chỉ là một số tiền đơn giản
hàm trả về x hoặc y,

229
00:11:29,820 --> 00:11:33,800
và sau đó điều gì cũng mát mẻ
là bạn có thể thực sự

230
00:11:33,800 --> 00:11:35,950
gán một hàm cho một biến.

231
00:11:35,950 --> 00:11:41,770
Vì vậy, trong trường hợp này, số tiền bây giờ là
chức năng mà thực sự làm tiền.

232
00:11:41,770 --> 00:11:47,740
Vì vậy, nếu bạn nhận thấy ở đây, chúng tôi có
chức năng, tên của chức năng, nguyên liệu đầu vào.

233
00:11:47,740 --> 00:11:48,860
Phải không?

234
00:11:48,860 --> 00:11:52,120
Ở đây chúng ta chỉ có chức năng và các đầu vào.

235
00:11:52,120 --> 00:11:54,310
Vì vậy, đây được gọi là một chức năng vô danh.

236
00:11:54,310 --> 00:11:59,265
Và đây là cái gì đó nên mới
với hầu hết các bạn, nếu không phải tất cả các bạn.

237
00:11:59,265 --> 00:12:01,140
Vì vậy, về cơ bản những gì mà
phương tiện là chúng ta làm không

238
00:12:01,140 --> 00:12:03,050
cần tên của chúng tôi
chức năng trong trường hợp này.

239
00:12:03,050 --> 00:12:06,260
Chúng tôi chỉ có thể nói, "OK, tôi sẽ
có chức năng này, được thực hiện, đây

240
00:12:06,260 --> 00:12:08,550
là đầu vào của nó, và đây là
những gì nó sẽ làm gì. "

241
00:12:08,550 --> 00:12:12,540
Và đặc biệt là khi bạn đang gán
một chức năng để một số biến

242
00:12:12,540 --> 00:12:14,950
rằng bạn đang đi để thao tác,
bạn không nhất thiết phải

243
00:12:14,950 --> 00:12:17,116
cần phải đặt tên cho nó, vì
bạn sẽ được đề cập

244
00:12:17,116 --> 00:12:20,990
để nó bằng cách biến này
tên, không phải bởi bất cứ điều gì

245
00:12:20,990 --> 00:12:22,840
các chức năng được thực sự gọi là.

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

247
00:12:23,550 --> 00:12:27,810
>> Vì vậy, nếu chúng ta thấy ở đây, chúng tôi
có một số tiền biến bây giờ

248
00:12:27,810 --> 00:12:30,920
đó là bằng với
tổng của ba và năm.

249
00:12:30,920 --> 00:12:33,070
Và chúng ta sẽ có được điều này.

250
00:12:33,070 --> 00:12:36,750
Và điều này sẽ chỉ có một số cảnh báo,
ba cộng với năm bằng số.

251
00:12:36,750 --> 00:12:43,950
Cộng thêm này sẽ chỉ tiếp nhau
bất cứ câu trả lời của chúng tôi là vào chuỗi.

252
00:12:43,950 --> 00:12:47,420
Cũng mát mẻ, cộng với có thể nối dây.

253
00:12:47,420 --> 00:12:53,510
>> Đối với JavaScript, như với PHP,
HTML, CSS và như chúng tôi đã nói,

254
00:12:53,510 --> 00:12:56,450
rất nhiều của nó we loại đang lấy
các bánh xe đào tạo ra ở đây

255
00:12:56,450 --> 00:13:02,030
và các bạn có rất nhiều bí
làm thế nào để thực sự hiểu những điều này.

256
00:13:02,030 --> 00:13:04,280
Họ là hơi khác nhau,
nhưng họ không phải là quá xa lạ

257
00:13:04,280 --> 00:13:09,460
và rằng bạn không thể Google những điều hay
xem chúng trực tuyến với các trường w3.

258
00:13:09,460 --> 00:13:12,755
Và chúng tôi đang thực sự mong đợi bạn
kẻ đến, loại, thí nghiệm

259
00:13:12,755 --> 00:13:14,400
và học hỏi trên của riêng bạn.

260
00:13:14,400 --> 00:13:19,490
Vì vậy, tôi biết điều này có thể là một chút
ít triệt để hơn một số trong những điều c

261
00:13:19,490 --> 00:13:21,936
chúng tôi làm, nhưng đó thực sự là một lý do.

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

263
00:13:25,060 --> 00:13:28,470
Nhưng hy vọng nó không quá
khác nhau, và nó không phải là áp đảo.

264
00:13:28,470 --> 00:13:31,940
>> Vì vậy, các mảng trong JavaScript,
lại rất, rất giống nhau.

265
00:13:31,940 --> 00:13:32,460
Phải không?

266
00:13:32,460 --> 00:13:36,520
Chúng tôi có một số mảng biến
đó là bằng khung trống,

267
00:13:36,520 --> 00:13:40,340
và đó chỉ là một mảng trống rỗng.

268
00:13:40,340 --> 00:13:43,420
Điều này thường được gọi là
literal mảng ký hiệu.

269
00:13:43,420 --> 00:13:45,280
Đó chỉ là một điều chúng ta gọi nó.

270
00:13:45,280 --> 00:13:51,380
Nếu chúng ta nhìn thấy mảng hai ở đây, chúng tôi có một số
mảng đen rằng có ba yếu tố,

271
00:13:51,380 --> 00:13:51,910
phải không?

272
00:13:51,910 --> 00:13:54,640
Và sau đó chúng tôi có một số
Yếu tố thứ ba var đó

273
00:13:54,640 --> 00:13:58,060
một số biến đó chỉ
sẽ tổ chức chuỗi này, JS.

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

275
00:14:01,760 --> 00:14:06,170
>> Các yếu tố, tốt để thông báo,
được phân cách bằng dấu phẩy,

276
00:14:06,170 --> 00:14:07,740
giống như chúng ta mong đợi.

277
00:14:07,740 --> 00:14:14,630
Và bạn cũng có thể truy cập các, như chúng tôi đã làm
trong C, với ký hiệu chỉ số này, phải không?

278
00:14:14,630 --> 00:14:16,950
Vì vậy, khác với PHP
bây giờ, chúng ta sẽ trở lại

279
00:14:16,950 --> 00:14:20,180
để chỉ loại ám
để bằng những chỉ số.

280
00:14:20,180 --> 00:14:22,189
Cũng giống như C, nó cũng chỉ bằng không.

281
00:14:22,189 --> 00:14:25,230
Tôi cảm thấy như nó sẽ được thực sự độc ác
nếu họ bất ngờ thực hiện một trong JavaScript

282
00:14:25,230 --> 00:14:30,630
chỉ số, và bạn đã hoàn toàn
suy nghĩ lại cách bạn suy nghĩ về mảng.

283
00:14:30,630 --> 00:14:36,140
>> Một điều thú vị là thay vì
vì phải do-- nếu bạn đã bao giờ

284
00:14:36,140 --> 00:14:39,240
muốn chiều dài của một mảng,
có lẽ bạn lặp qua nó

285
00:14:39,240 --> 00:14:43,430
cho đến khi bạn tìm thấy một số kết thúc, hoặc
bạn sẽ chỉ biết nó là gì.

286
00:14:43,430 --> 00:14:49,310
Bởi vì JavaScript là rất lỏng lẻo trong nhiều
cách hơn là chỉ loại, như chúng ta thấy ở đây,

287
00:14:49,310 --> 00:14:53,310
chúng ta chỉ có thể làm cho mảng này
lớn hơn bởi vì chúng ta quyết định.

288
00:14:53,310 --> 00:14:56,177
Nếu chúng tôi nhận thấy mảng ba
có ba điều để bắt đầu,

289
00:14:56,177 --> 00:14:58,510
nhưng sau đó tất cả của một đột ngột,
chúng tôi giống như, "oh, chỉ đùa thôi.

290
00:14:58,510 --> 00:15:01,370
Chúng tôi đang thực sự đi
để làm cho nó 101 điều. "

291
00:15:01,370 --> 00:15:05,300
Vì vậy, nếu bạn đã bao giờ muốn biết
độ dài thực tế của mảng của bạn,

292
00:15:05,300 --> 00:15:06,680
bạn làm điều đó như thế này.

293
00:15:06,680 --> 00:15:10,470
Và chúng ta sẽ nhìn thấy rất nhiều
các ký hiệu này trong các ví dụ,

294
00:15:10,470 --> 00:15:12,730
nhưng với JavaScript
nó thường bất cứ điều gì

295
00:15:12,730 --> 00:15:16,410
đối tượng mà bạn đang nói về
dot bất cứ loại chức năng

296
00:15:16,410 --> 00:15:17,740
bạn muốn áp dụng cho nó.

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

298
00:15:18,240 --> 00:15:20,520
>> Vì vậy, trong trường hợp này, chúng tôi
đối tượng là mảng hai,

299
00:15:20,520 --> 00:15:23,470
và chúng ta nói rằng chúng ta muốn
chiều dài của mảng hai.

300
00:15:23,470 --> 00:15:25,716
Vì vậy, đây chỉ gọi như chiều dài trên đó.

301
00:15:25,716 --> 00:15:27,090
Và đó sẽ trở lại chiều dài của bạn.

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

303
00:15:32,610 --> 00:15:36,790
Ngoài ra một cái gì đó cần lưu ý là
rằng nếu chúng tôi nhận thấy các mảng của chúng tôi,

304
00:15:36,790 --> 00:15:39,830
không giống như C, họ không có
để được tất cả các loại giống.

305
00:15:39,830 --> 00:15:41,670
Đây là nhiều hơn nữa như PHP.

306
00:15:41,670 --> 00:15:45,905
JavaScript là về cơ bản giống như
meld thú vị này của C và PHP.

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

308
00:15:50,020 --> 00:15:52,170
Vì vậy, chúng tôi sẽ nhận được vào đó.

309
00:15:52,170 --> 00:15:56,750
Còn bây giờ, chúng ta hãy giả định
rằng mảng của bạn là về cơ bản

310
00:15:56,750 --> 00:16:00,640
C như mảng, trong đó
họ không lập chỉ mục.

311
00:16:00,640 --> 00:16:04,120
OK, vì vậy đó là tất cả mọi thứ.

312
00:16:04,120 --> 00:16:08,850
Bạn cũng có thể chỉ kéo dài thêm một
mảng đến bất cứ chỉ số bạn muốn.

313
00:16:08,850 --> 00:16:14,260
Trong khi điều này có lẽ sẽ SEG
lỗi trên bạn hoặc cung cấp cho bạn một số lỗi,

314
00:16:14,260 --> 00:16:15,970
JavaScript là như thế, "nah, nó tốt.

315
00:16:15,970 --> 00:16:16,620
Tôi đã nhận điều này.

316
00:16:16,620 --> 00:16:19,460
Chúng tôi sẽ chỉ đi thẳng
nơi bạn muốn. "

317
00:16:19,460 --> 00:16:24,310
>> OK, vì vậy đối tượng là rất quan trọng.

318
00:16:24,310 --> 00:16:29,720
Các bạn sẽ được sử dụng rất nhiều trong số này
trong tập hợp P của bạn, nếu tôi nhớ chính xác.

319
00:16:29,720 --> 00:16:34,780
Vì vậy, điều đó là những
tương tự như trong C là cấu trúc.

320
00:16:34,780 --> 00:16:39,290
Vì vậy, bạn có thể nghĩ rằng khi about--
chúng tôi đi đến một ví dụ đúng

321
00:16:39,290 --> 00:16:41,810
sau này tôi nghĩ rằng nó sẽ thấy
làm cho rất nhiều sense-- hơn

322
00:16:41,810 --> 00:16:45,830
nhưng chúng tôi về cơ bản sử dụng các đối tượng để
tổ chức các thông tin khóa học liên quan.

323
00:16:45,830 --> 00:16:47,780
Khi chúng tôi nói chuyện về
cấu trúc trong C, chúng ta thường

324
00:16:47,780 --> 00:16:53,405
nói về một học sinh đã có một số tên,
ID, nhà, bạn biết, tập trung.

325
00:16:53,405 --> 00:16:56,030
Và đó là loại điều tương tự
mà chúng tôi sử dụng các đối tượng ở đây.

326
00:16:56,030 --> 00:16:59,300
Nó chỉ là tổ chức
thông tin tương tự.

327
00:16:59,300 --> 00:17:03,620
>> Bạn cũng có thể nghĩ rằng trong số này là hơn
tương tự để kết hợp các mảng trong PHP.

328
00:17:03,620 --> 00:17:10,010
Vì vậy, đây sẽ là loại điều
nơi chúng tôi có một số trọng điểm với một số giá trị,

329
00:17:10,010 --> 00:17:12,859
rất giống với PHP.

330
00:17:12,859 --> 00:17:15,780
Vì vậy, bạn có thể khởi tạo một số
đối tượng rỗng, như chúng ta thấy ở đây,

331
00:17:15,780 --> 00:17:17,390
chỉ với dấu ngoặc nhọn.

332
00:17:17,390 --> 00:17:19,160
Mảng như vậy là dấu ngoặc vuông.

333
00:17:19,160 --> 00:17:21,220
Các đối tượng còn lại là trong dấu ngoặc nhọn.

334
00:17:21,220 --> 00:17:24,020
Tốt biệt để có.

335
00:17:24,020 --> 00:17:27,319
Và đây chỉ là hai khác nhau
cách để thiết lập các thuộc tính.

336
00:17:27,319 --> 00:17:31,460
Vì vậy, đây là loại
nhiều hơn một cách mà

337
00:17:31,460 --> 00:17:35,220
tương tự như PHP, với chúng tôi
mảng kết hợp, với chính chúng ta,

338
00:17:35,220 --> 00:17:39,910
và giá trị của chúng tôi, trong khi
này bạn sẽ is--

339
00:17:39,910 --> 00:17:41,920
thấy điều này nhiều hơn trong JavaScript.

340
00:17:41,920 --> 00:17:43,550
Điều này có xu hướng được ước.

341
00:17:43,550 --> 00:17:47,660
Và trong cùng một cách mà chúng tôi đã làm
mảng hai dot dài, điều này được nói,

342
00:17:47,660 --> 00:17:51,580
"OK, cho tôi này
thuộc tính của đối tượng này. "

343
00:17:51,580 --> 00:17:52,110
Phải không?

344
00:17:52,110 --> 00:17:55,660
Vì vậy, cùng một cách đó là như thế nào, "cho tôi
chiều dài của mảng hai thuộc tính "

345
00:17:55,660 --> 00:17:59,970
điều này được nói, "cho tôi một số
tài sản của đối tượng rỗng của chúng tôi. "

346
00:17:59,970 --> 00:18:02,890
Hoặc trong trường hợp này, chúng tôi
gán cho nó một giá trị ở đây.

347
00:18:02,890 --> 00:18:06,200
Nhưng bạn cũng có thể truy cập nó theo cách đó.

348
00:18:06,200 --> 00:18:09,090
>> Và rồi đây này chỉ là
hiển thị hai báo khác nhau.

349
00:18:09,090 --> 00:18:12,320
Vì vậy, điều này sẽ hiển thị các cảnh báo
sẽ được chính xác như nhau,

350
00:18:12,320 --> 00:18:17,150
nó chỉ là hai cách khác nhau
truy cập vào các phần tử mà chúng ta muốn.

351
00:18:17,150 --> 00:18:19,552
Điều đó có ý nghĩa với tất cả mọi người?

352
00:18:19,552 --> 00:18:21,510
Tôi cảm thấy như thế này
có lẽ ý nghĩa hơn,

353
00:18:21,510 --> 00:18:23,270
chỉ bởi vì chúng ta đang sắp tắt của PHP.

354
00:18:23,270 --> 00:18:26,400
Nhưng như chúng ta làm nhiều hơn ví dụ, điều này
đúng là giống hệt nhau.

355
00:18:26,400 --> 00:18:28,170
Rất nhiều nó chỉ được thay đổi trong cú pháp.

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

357
00:18:30,710 --> 00:18:33,030
>> OK, vì vậy ví dụ.

358
00:18:33,030 --> 00:18:34,180
Tôi yêu các ví dụ.

359
00:18:34,180 --> 00:18:40,070
Vì vậy, đây là một số CS50
biến đó là một đối tượng,

360
00:18:40,070 --> 00:18:42,160
và chúng tôi lưu trữ tất cả điều này
thông tin về nó.

361
00:18:42,160 --> 00:18:46,680
Vì vậy, chúng tôi có khóa học, giảng viên,
tfs, psets, và ghi lại.

362
00:18:46,680 --> 00:18:51,840
Vì vậy, chúng tôi nhận thấy đây là gần như
tất cả các loại khác nhau.

363
00:18:51,840 --> 00:18:52,340
Phải không?

364
00:18:52,340 --> 00:18:56,230
Vì vậy, đối tượng có thể lưu trữ
các thuộc tính của các loại khác nhau.

365
00:18:56,230 --> 00:19:01,220
Chúng ta có thể nghĩ về nó rất this--
tương tự như mảng liên kết của chúng tôi trong PHP.

366
00:19:01,220 --> 00:19:07,470
Vì vậy, quan trọng, giá trị, trọng điểm, giá trị,
trọng điểm, giá trị, vv và vv.

367
00:19:07,470 --> 00:19:11,230
Có gì cũng thú vị trong cùng một cách
rằng chúng ta có thể có mảng trong mảng,

368
00:19:11,230 --> 00:19:14,690
chúng ta cũng có thể có các đối tượng trong
đối tượng, hoặc các mảng trong các đối tượng.

369
00:19:14,690 --> 00:19:18,410
Bạn sẽ không bao giờ thực sự giới hạn
chỉ một duy nhất của sự vật.

370
00:19:18,410 --> 00:19:24,220
Chúng tôi có thể nhận được rất Inceptionesque, chỉ
tiếp tục đi xuống hố thỏ có.

371
00:19:24,220 --> 00:19:26,080
>> Vì vậy, nếu chúng ta để ý, chúng tôi
có một số khóa học

372
00:19:26,080 --> 00:19:31,120
là một chuỗi, người hướng dẫn mà là một chuỗi,
và mảng, một int, và một Boolean.

373
00:19:31,120 --> 00:19:36,110
Vì vậy, tất cả những điều khác nhau.

374
00:19:36,110 --> 00:19:39,600
>> Tất cả quyền, do đó, chúng tôi có một số khác.

375
00:19:39,600 --> 00:19:42,930
Vì vậy, trong trường hợp này, chúng ta có
một mảng của các đối tượng.

376
00:19:42,930 --> 00:19:45,320
Vì vậy, chỉ muốn một đối tượng
có thể có một mảng trong nó.

377
00:19:45,320 --> 00:19:47,210
Chúng tôi cũng có thể có một mảng của các đối tượng.

378
00:19:47,210 --> 00:19:51,250
Điều này có thể có ích cho
suy nghĩ về tương tự như loại

379
00:19:51,250 --> 00:19:54,260
làm thế nào chúng ta có một hash
bảng, chúng tôi đã có một mảng

380
00:19:54,260 --> 00:19:56,220
của tất cả các khác nhau
loại cấu trúc mà

381
00:19:56,220 --> 00:19:59,070
là con trỏ đến khác nhau
nút và không có điều gì.

382
00:19:59,070 --> 00:20:01,420
Nhưng trong trường hợp này, chúng tôi
có một mảng của các đối tượng.

383
00:20:01,420 --> 00:20:04,890
Vì vậy, điều này giống như một mảng
mảng kết hợp.

384
00:20:04,890 --> 00:20:09,430
Vì vậy, chúng tôi có một số yếu tố đầu tiên sẽ
là đối tượng có tên James

385
00:20:09,430 --> 00:20:11,340
và nhà Winthrop.

386
00:20:11,340 --> 00:20:14,780
>> Các bạn có thể nhớ
một cái gì đó rất tương tự như sau

387
00:20:14,780 --> 00:20:21,710
với pset cuối cùng của bạn, nơi mà nếu bạn
kéo một cái gì đó từ cơ sở dữ liệu của bạn,

388
00:20:21,710 --> 00:20:24,480
các loại đầu
điều trong mảng của bạn là

389
00:20:24,480 --> 00:20:27,110
tất cả các thông tin về
người sử dụng đầu tiên mà gặp nó,

390
00:20:27,110 --> 00:20:30,765
và sau đó bạn có để chỉ mục vào đó
để có được cổ phiếu của họ hoặc bộ nhớ cache của họ

391
00:20:30,765 --> 00:20:32,110
hoặc có điều gì.

392
00:20:32,110 --> 00:20:34,620
Vì vậy, đây là rất nhiều giống
điều, chỉ cần một chút thay đổi

393
00:20:34,620 --> 00:20:39,570
trong cú pháp, thay đổi chút ít trong
những từ dùng để mô tả chúng.

394
00:20:39,570 --> 00:20:45,960
>> Vì vậy, nếu chúng ta muốn, bất cứ ai có thể nói
tôi biết cảnh báo này sẽ làm gì đây?

395
00:20:45,960 --> 00:20:48,780
Hoặc những gì này chút
mã sẽ làm cho chúng ta?

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

397
00:20:50,992 --> 00:20:52,616
Đung Nó sẽ cung cấp cho bạn tất cả những cái tên.

398
00:20:52,616 --> 00:20:54,900
ALLISON BUCHHOLTZ-AU: Quyền, do đó nó
sẽ chỉ cảnh báo với tất cả các tên

399
00:20:54,900 --> 00:20:57,960
bởi vì nó sẽ đi qua
tiểu i, vì vậy nó muốn bắt đầu từ số không.

400
00:20:57,960 --> 00:21:01,330
Vì vậy, nó muốn nói, OK, chúng tôi đang tìm kiếm
tại đối tượng đầu tiên này, mà

401
00:21:01,330 --> 00:21:03,210
là khe đầu tiên trong mảng.

402
00:21:03,210 --> 00:21:06,900
Và nó nói, "cho tôi
thuộc tính, tên của đối tượng đó. "

403
00:21:06,900 --> 00:21:09,030
Vì vậy, chúng tôi đi ở đây, chúng tôi muốn
quét, chúng tôi muốn tìm tên,

404
00:21:09,030 --> 00:21:11,340
và chúng tôi sẽ in ra
James, Molly và Carl.

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

406
00:21:14,410 --> 00:21:15,799
Bất kỳ câu hỏi cho đến nay?

407
00:21:15,799 --> 00:21:17,590
JavaScript không may
bạn sẽ được

408
00:21:17,590 --> 00:21:20,950
làm rất nhiều nhìn lên trên của bạn
riêng, việc tìm ra các cú pháp,

409
00:21:20,950 --> 00:21:21,910
vật lộn với nó.

410
00:21:21,910 --> 00:21:25,870
Nhưng tất nhiên tôi luôn ở đây,
giờ làm việc luôn ở đây.

411
00:21:25,870 --> 00:21:28,260
Tôi có thể là vào thứ Ba tuần này.

412
00:21:28,260 --> 00:21:31,050
Vì vậy, nếu bạn đang có, bạn có thể
đến thăm tôi trong tuần này.

413
00:21:31,050 --> 00:21:32,470
Nó muốn được tuyệt vời.

414
00:21:32,470 --> 00:21:36,260
>> OK, vậy là DOM Document Object Model-.

415
00:21:36,260 --> 00:21:38,900
Vì vậy, đây chỉ là một cách
mà chúng ta thích nghĩ

416
00:21:38,900 --> 00:21:45,720
khoảng cách của chúng tôi và tất cả mọi thứ HTML
trong đó có tổ chức.

417
00:21:45,720 --> 00:21:49,930
Điều này là rất nhiều cái gì đó
có lẽ sẽ đi lên trên bài kiểm tra của bạn.

418
00:21:49,930 --> 00:21:58,150
Tôi biết năm của tôi, nó giống như đây là
Tập tin HTML, điền vào các DOM cho nó.

419
00:21:58,150 --> 00:21:59,770
Và bạn chỉ cần điền vào những điều nhỏ nhặt.

420
00:21:59,770 --> 00:22:01,500
Những nên điểm dễ dàng hy vọng.

421
00:22:01,500 --> 00:22:03,450
Hy vọng rằng bạn sẽ see--

422
00:22:03,450 --> 00:22:04,590
>> Đung [Không nghe thấy]

423
00:22:04,590 --> 00:22:06,660
>> ALLISON BUCHHOLTZ-AU: Vì vậy,
bạn nhìn thấy cây này ở đây?

424
00:22:06,660 --> 00:22:07,200
>> Đung Yeah.

425
00:22:07,200 --> 00:22:08,949
>> ALLISON BUCHHOLTZ-AU:
Vì vậy, họ sẽ yêu cầu sử dụng

426
00:22:08,949 --> 00:22:11,750
để điền vào những gì diễn ra trong cơ thể.

427
00:22:11,750 --> 00:22:15,770
Có lẽ trong cơ thể, chúng tôi có một số
divs hoặc chúng tôi có một số đoạn văn,

428
00:22:15,770 --> 00:22:19,160
và chúng tôi sẽ yêu cầu bạn điền vào
một cây rất nhiều như thế này.

429
00:22:19,160 --> 00:22:21,440
Vì vậy, chúng tôi sẽ đi qua nó.

430
00:22:21,440 --> 00:22:26,120
Vì vậy, các Document Object-
Mô hình chỉ là một cách

431
00:22:26,120 --> 00:22:31,240
cấu trúc và suy nghĩ
về HTML của chúng tôi bằng đồ họa.

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

433
00:22:33,860 --> 00:22:35,840
Và cũng có khi chúng tôi nhận được
JavaScript vào nhiều hơn,

434
00:22:35,840 --> 00:22:37,640
nó sẽ là
cách mà chúng tôi thực sự

435
00:22:37,640 --> 00:22:39,990
thao tác khác nhau
các yếu tố trên trang.

436
00:22:39,990 --> 00:22:43,980
Chúng tôi cần một cách để truy cập mỗi
trong những điều trong HTML của chúng tôi,

437
00:22:43,980 --> 00:22:48,050
và vì vậy điều này cho chúng ta rất
bê tông cách tiêu chuẩn hóa

438
00:22:48,050 --> 00:22:51,010
trên các trang web khác nhau để làm điều đó.

439
00:22:51,010 --> 00:22:53,440
>> Vì vậy, nếu chúng ta chỉ cần đi bộ qua
này đây, tất nhiên

440
00:22:53,440 --> 00:22:56,790
tài liệu của chúng tôi là như toàn bộ tập tin của chúng tôi.

441
00:22:56,790 --> 00:22:59,350
Đó rõ ràng là có ý nghĩa
rằng đó là điều cao nhất,

442
00:22:59,350 --> 00:23:03,520
và sau đó chúng ta có thực sự HTML của chúng tôi,
tương ứng với thẻ này ở đây.

443
00:23:03,520 --> 00:23:08,480
Ngoài ra nếu bạn ở thụt thẻ của bạn
đúng, sau đó tạo ra các cây DOM này

444
00:23:08,480 --> 00:23:10,530
sẽ trở thành siêu đơn giản.

445
00:23:10,530 --> 00:23:12,400
Vì vậy, chúng tôi có một số người đứng đầu ở đây.

446
00:23:12,400 --> 00:23:15,780
Chúng tôi có một số cơ thể
chúng ta thấy phát ra của HTML,

447
00:23:15,780 --> 00:23:18,530
đó là lý do tại sao chúng tôi có đầu và thân.

448
00:23:18,530 --> 00:23:22,880
Trong vòng đầu, chúng tôi có một số
thẻ tiêu đề, thẻ tiêu đề cuối,

449
00:23:22,880 --> 00:23:24,570
vì vậy chúng tôi biết rằng đến sau đầu.

450
00:23:24,570 --> 00:23:28,040
Và trong thẻ tiêu đề của chúng tôi,
chúng tôi có hello, thế giới.

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

452
00:23:28,740 --> 00:23:31,311
Vì vậy, đó là toàn bộ chi nhánh này tay trái.

453
00:23:31,311 --> 00:23:34,060
Và sau đó cho các chi nhánh bên phải
ở đây, chúng ta thấy rằng chúng tôi có HTML,

454
00:23:34,060 --> 00:23:38,680
OK, chúng tôi đã thực hiện một phần đầu này,
chúng tôi đang tìm kiếm chỉ vào cơ thể,

455
00:23:38,680 --> 00:23:40,670
vì vậy chúng tôi có một số diện tích cơ thể.

456
00:23:40,670 --> 00:23:44,350
Và trong đó, chỉ
điều chúng ta có là hello, thế giới.

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

458
00:23:45,090 --> 00:23:54,130
Nếu chúng tôi đã có những thứ như
một số p khung và sau đó

459
00:23:54,130 --> 00:23:57,500
hello, thế giới, và sau đó một
khung p tạm biệt, thế giới,

460
00:23:57,500 --> 00:24:00,080
chúng ta sẽ có hai bong bóng
sắp tắt của ở đây.

461
00:24:00,080 --> 00:24:05,550
Bởi vì chúng đều dưới cơ thể, nhưng
họ đoạn riêng biệt trường hợp này.

462
00:24:05,550 --> 00:24:11,520
Có chắc chắn là thực hành
vào đó trong các câu đố trước,

463
00:24:11,520 --> 00:24:14,570
cũng như nhiều tuyến trên đó.

464
00:24:14,570 --> 00:24:18,260
OK vậy, điều này chỉ cho phép
chúng ta thấy tất cả mọi thứ độc đáo

465
00:24:18,260 --> 00:24:20,810
và thao tác điều
rất có hệ thống.

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

467
00:24:21,340 --> 00:24:23,640
Chúng tôi biết chính xác làm thế nào để
đi qua thông qua cây này,

468
00:24:23,640 --> 00:24:26,910
vì vậy chúng tôi biết những gì chúng ta muốn truy cập.

469
00:24:26,910 --> 00:24:31,690
>> OK vì vậy đây là lý do tại sao chúng tôi muốn
để có loại này của mô hình,

470
00:24:31,690 --> 00:24:35,190
để chúng ta có thể sử dụng những thứ như thế này,
và chúng tôi hiểu những gì họ có ý nghĩa,

471
00:24:35,190 --> 00:24:38,370
và họ đang chuẩn
trên tất cả mọi thứ mà chúng tôi làm.

472
00:24:38,370 --> 00:24:45,900
Vì vậy, tài liệu dot tiêu đề chỉ là
tiêu đề của tất cả các our--

473
00:24:45,900 --> 00:24:48,960
là khá tự giải thích,
Tôi thích suy nghĩ.

474
00:24:48,960 --> 00:24:51,660
Vì vậy, đầu tiên ba
ví dụ chỉ nói,

475
00:24:51,660 --> 00:24:54,770
"OK, chỉ cần cho tôi
tiêu đề của trang web này. "

476
00:24:54,770 --> 00:24:58,030
Vì vậy, nó sẽ cung cấp cho bạn những gì
tương ứng với các tiêu đề.

477
00:24:58,030 --> 00:25:01,880
>> Tài liệu dot cơ thể sẽ cung cấp cho bạn
bất cứ điều gì trong những thẻ cơ thể.

478
00:25:01,880 --> 00:25:03,240
Vì vậy, bạn có thể thao tác đó.

479
00:25:03,240 --> 00:25:07,820
Và tài liệu dot dot cơ thể
nhập HTML là một trong rất mát mẻ,

480
00:25:07,820 --> 00:25:11,660
và có lẽ không phải là như siêu
trực quan, nhưng bên trong HTML

481
00:25:11,660 --> 00:25:13,740
tương ứng với quyền này ở đây.

482
00:25:13,740 --> 00:25:17,410
Vì vậy, nếu bạn đã bao giờ muốn
thao tác văn bản trên một trang,

483
00:25:17,410 --> 00:25:22,700
thường bạn sẽ được làm
một cái gì đó với cơ thể chấm HTML bên trong.

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

485
00:25:23,820 --> 00:25:31,341
Vì vậy, HTML bên trong có xu hướng tham khảo
những gì thực sự là giữa các thẻ.

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

487
00:25:31,840 --> 00:25:33,020
Và sau đó các chức năng hữu ích.

488
00:25:33,020 --> 00:25:40,390
Vì vậy, nếu bạn muốn để có được
bất kỳ trong số này, bất kỳ yếu tố,

489
00:25:40,390 --> 00:25:43,140
chúng tôi có một số Id, lớp
tên, hoặc tên thẻ.

490
00:25:43,140 --> 00:25:47,100
Điều này là rất tương tự như
điều chúng ta đã làm với CSS, phải không?

491
00:25:47,100 --> 00:25:51,360
Trường chúng tôi có một số bộ chọn mà
tương ứng với một trong hai thẻ, một lớp học

492
00:25:51,360 --> 00:25:53,800
mà chúng tôi cung cấp cho họ, hoặc một Id.

493
00:25:53,800 --> 00:25:55,310
Điều này là rất nhiều cách giống nhau.

494
00:25:55,310 --> 00:26:00,720
Nếu bạn có một cái gì đó
có một số lớp của con chó,

495
00:26:00,720 --> 00:26:05,800
và bạn nói có được các yếu tố theo tên tag,
và bạn đặt con chó trong there-- hoặc xin lỗi,

496
00:26:05,800 --> 00:26:06,610
tên lớp.

497
00:26:06,610 --> 00:26:07,770
Bạn có thể đặt dấu chấm trong đó.

498
00:26:07,770 --> 00:26:11,780
Nó sẽ trả về tất cả những
các yếu tố để bạn có lớp đó.

499
00:26:11,780 --> 00:26:13,880
Vì vậy, bạn có thể thao tác chỉ những người.

500
00:26:13,880 --> 00:26:18,430
Trong cùng một cách, có thể bạn chỉ
muốn vận dụng một số tiêu đề, vì vậy

501
00:26:18,430 --> 00:26:20,980
một số tiêu đề h1, như chúng tôi đã làm.

502
00:26:20,980 --> 00:26:24,900
Bạn có thể làm được các yếu tố theo tag
tên, vì h1 là tên thẻ.

503
00:26:24,900 --> 00:26:29,270
Và trong cùng một cách, nếu bạn muốn để có được
một số điều duy nhất, bạn có thể làm tag get.

504
00:26:29,270 --> 00:26:31,100
Nhận phần tử bằng Id.

505
00:26:31,100 --> 00:26:32,710
Và họ thực sự là rất nhiều trong số này.

506
00:26:32,710 --> 00:26:36,300
Đây là những chỉ giống như ba của rất nhiều người.

507
00:26:36,300 --> 00:26:39,600
Vì vậy, nếu bạn đi trực tuyến,
Tôi sẽ khuyến khích

508
00:26:39,600 --> 00:26:45,342
bạn làm, và làm một số
nghiên cứu trên của riêng bạn,

509
00:26:45,342 --> 00:26:48,450
Tôi chắc chắn đề nghị
nhìn vào tất cả những người.

510
00:26:48,450 --> 00:26:50,880
Họ có thể là siêu
hữu ích, đặc biệt là khi

511
00:26:50,880 --> 00:26:57,180
bạn muốn chỉ cần loại thao tác
những điều rất cụ thể mà không cần phải

512
00:26:57,180 --> 00:27:00,390
đi qua và cố gắng
để phân tích ra tất cả mọi thứ.

513
00:27:00,390 --> 00:27:03,540
>> OK, do đó, điều cuối cùng
JavaScript là sự kiện.

514
00:27:03,540 --> 00:27:10,730
Vì vậy, khi tôi đã nói trước đó
về việc đi vào một trang web,

515
00:27:10,730 --> 00:27:14,340
và khi bạn di chuột qua một cái gì đó,
hoặc di chuyển chuột qua một cái gì đó,

516
00:27:14,340 --> 00:27:15,420
cái gì khác xảy ra.

517
00:27:15,420 --> 00:27:17,900
Đây là những gì chúng tôi muốn
suy nghĩ khi một sự kiện.

518
00:27:17,900 --> 00:27:23,970
Vì vậy, những gì chúng tôi có sức mà
hữu ích ở đây là onclick.

519
00:27:23,970 --> 00:27:29,140
Vì vậy, tôi đã được trên di chuột, trong đó, tôi
đẹp, chắc chắn, chỉ là trên di chuột.

520
00:27:29,140 --> 00:27:31,300
Ngoài ra một tấn các
mà bạn có thể tìm.

521
00:27:31,300 --> 00:27:34,340
Có một danh sách toàn trực tuyến
trong những điều khác nhau

522
00:27:34,340 --> 00:27:37,130
mà bạn có thể lắng nghe.

523
00:27:37,130 --> 00:27:41,220
>> Nhưng sự kiện JavaScript
về cơ bản chỉ đáp ứng với điều

524
00:27:41,220 --> 00:27:42,430
rằng người dùng của bạn đang làm.

525
00:27:42,430 --> 00:27:42,930
Phải không?

526
00:27:42,930 --> 00:27:45,220
Vì vậy, người dùng của bạn không
một cái gì đó, đó là một sự kiện,

527
00:27:45,220 --> 00:27:48,340
và JavaScript sẽ trả lời
tuy nhiên bạn muốn nó.

528
00:27:48,340 --> 00:27:49,770
Nó sẽ trả lời cho phù hợp.

529
00:27:49,770 --> 00:27:54,630
Vì vậy, trong trường hợp này, chúng ta có
một số cửa sổ dot onload.

530
00:27:54,630 --> 00:27:57,170
Vì vậy, điều này nói là, "chờ đợi
cho đến khi nạp của cửa sổ. "

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

532
00:27:57,780 --> 00:28:02,102
Vì vậy, khi nạp, tất cả mọi thứ của onload,
sau đó bạn có thể thực hiện chức năng này.

533
00:28:02,102 --> 00:28:03,810
Vì vậy, khi tất cả mọi thứ của
nạp, bạn sẽ

534
00:28:03,810 --> 00:28:07,760
có một số nút tìm kiếm
mà được một phần tử bằng Id,

535
00:28:07,760 --> 00:28:13,740
và nó in bất cứ điều gì mà
phần tử là như nút Search.

536
00:28:13,740 --> 00:28:17,050
Và sau đó chúng ta có biến này,
chúng ta nói, "OK, onclick."

537
00:28:17,050 --> 00:28:20,390
Vì vậy, khi chúng tôi nghe thấy một nhấp chuột
vào nút Search,

538
00:28:20,390 --> 00:28:23,990
thực hiện chức năng này, mà là một
cảnh báo, bạn nhấp vào nút Search.

539
00:28:23,990 --> 00:28:28,910
>> Vì vậy, những gì sẽ xảy ra is-- này là một tốt đẹp
ít đại diện đồ họa ở đây.

540
00:28:28,910 --> 00:28:31,480
Vì vậy, tải tài liệu của chúng tôi,
đó là onload của chúng tôi,

541
00:28:31,480 --> 00:28:34,340
chúng tôi tìm kiếm của chúng tôi
nút, mà là điều này.

542
00:28:34,340 --> 00:28:36,570
Chúng tôi đang tìm kiếm cho nút Tìm kiếm của chúng tôi.

543
00:28:36,570 --> 00:28:40,790
Và sau đó khi các nút Search là
nhấp, nó tương ứng với ngay tại đây.

544
00:28:40,790 --> 00:28:41,980
Onclick.

545
00:28:41,980 --> 00:28:47,300
Sau đó, cuối cùng chúng tôi cảnh báo người sử dụng của chúng tôi,
đó là dòng cuối cùng này ở đây.

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

547
00:28:48,250 --> 00:28:52,960
Vì vậy, mỗi người bốn bước chỉ
tương ứng với bốn hộp

548
00:28:52,960 --> 00:28:55,031
chìm xuống phía dưới.

549
00:28:55,031 --> 00:28:56,405
Điều đó có ý nghĩa với tất cả mọi người?

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

551
00:29:01,120 --> 00:29:05,200
>> Và sau đó một điều rằng tôi chỉ cần đi
đề cập đến rất, rất ngắn gọn, tôi thấy

552
00:29:05,200 --> 00:29:08,660
khuyến khích các bạn để
đi xem xét thêm vào là

553
00:29:08,660 --> 00:29:13,210
jQuery, mà chỉ là một thư viện
được xây dựng trên đầu trang của JavaScript.

554
00:29:13,210 --> 00:29:16,480
Đây là siêu hữu ích, như
với hầu hết các thư viện.

555
00:29:16,480 --> 00:29:18,320
Có rất nhiều chức năng.

556
00:29:18,320 --> 00:29:21,930
Vì vậy, nếu có bao giờ cái gì đó
bạn muốn làm trong JavaScript,

557
00:29:21,930 --> 00:29:24,880
Bản năng đầu tiên của bạn
không nên để suy nghĩ

558
00:29:24,880 --> 00:29:27,340
của, "những gì nên chức năng
Tôi mã? "Nó phải được,

559
00:29:27,340 --> 00:29:29,560
"Hãy để tôi nhìn thấy một ai đó
đã làm điều này đối với tôi. "

560
00:29:29,560 --> 00:29:32,800
Bởi vì chín trong số mười lần,
một người nào đó sẽ thực hiện nó đã,

561
00:29:32,800 --> 00:29:35,760
và họ có lẽ đã làm cho nó tốt hơn.

562
00:29:35,760 --> 00:29:39,990
Mọi người dành rất nhiều thời gian làm những,
và JavaScript được sử dụng rất rộng rãi,

563
00:29:39,990 --> 00:29:42,810
khiến mọi người liên tục
cố gắng để làm cho nó tốt hơn.

564
00:29:42,810 --> 00:29:47,110
Và jQuery có rất nhiều chức năng
mà có lẽ sẽ có ích cho bạn

565
00:29:47,110 --> 00:29:50,470
trong dự án cuối cùng của bạn nếu bạn
làm bất cứ điều gì với thiết kế web.

566
00:29:50,470 --> 00:29:53,480
Như tôi muốn nói, "công việc
thông minh hơn, không khó khăn hơn. "

567
00:29:53,480 --> 00:29:57,130
Nếu các bạn làm điều đó, nó sẽ là tuyệt vời.

568
00:29:57,130 --> 00:30:00,330
Khi chúng tôi đang ở hackathon tôi không
muốn bạn có tất cả căng thẳng.

569
00:30:00,330 --> 00:30:03,600
Tôi muốn bạn để được như thế, "tôi đã nhận
này. jQuery đã trở lại của tôi.

570
00:30:03,600 --> 00:30:05,790
Tôi không cần phải viết các chức năng này. "

571
00:30:05,790 --> 00:30:07,636
>> Vì vậy, chỉ cần hai điều để
nhớ, tôi sẽ

572
00:30:07,636 --> 00:30:10,220
để cho các bạn xem xét thêm
thành jQuery trên của riêng bạn.

573
00:30:10,220 --> 00:30:13,070
Tất cả tôi sẽ nói là nó
thực hiện một số điều khá tuyệt vời

574
00:30:13,070 --> 00:30:15,220
và có thể làm cho cuộc sống của bạn
dễ dàng hơn nhiều.

575
00:30:15,220 --> 00:30:17,150
Nhưng những gì bạn muốn
có là bất kỳ tập tin

576
00:30:17,150 --> 00:30:21,020
mà bạn sẽ sử dụng nó trong,
bạn sẽ muốn hai dòng này.

577
00:30:21,020 --> 00:30:25,630
Bạn sẽ muốn
kịch bản của js jQuery dot js.

578
00:30:25,630 --> 00:30:28,500
Và trên thực tế nguồn của bạn
là có được một số URL.

579
00:30:28,500 --> 00:30:35,870
Nếu bạn Google jQuery, Google
thực sự lưu trữ tất cả các tập tin cho bạn.

580
00:30:35,870 --> 00:30:38,950
Vì vậy, bạn chắc chắn muốn
đầu vào URL để thay thế.

581
00:30:38,950 --> 00:30:41,130
Tôi chỉ cần đặt này ở đây
để đơn giản.

582
00:30:41,130 --> 00:30:45,180
Tất cả điều này có nghĩa là nơi để
tìm thư viện jQuery của bạn.

583
00:30:45,180 --> 00:30:48,600
Nó là đồ sộ, vì vậy bạn không muốn
lưu trữ nó trên máy tính của riêng bạn

584
00:30:48,600 --> 00:30:53,390
nếu bạn có thể tránh nó, đó là lý do tại sao chúng tôi
có xu hướng chỉ cần đặt trong URL của Google

585
00:30:53,390 --> 00:30:55,880
tổ chức tất cả các tập tin cho bạn.

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

587
00:30:56,380 --> 00:30:58,850
Bạn Google nó, tôi hứa
nó sẽ ở đó.

588
00:30:58,850 --> 00:31:01,200
>> Và sau đó bất cứ điều gì
JavaScript tập tin mà bạn

589
00:31:01,200 --> 00:31:07,150
sử dụng, do đó, đây chỉ là một số bên ngoài
Tập tin mà bạn đang sử dụng JavaScript.

590
00:31:07,150 --> 00:31:11,570
Trong cùng một cách mà chúng tôi liên kết đến CSS của chúng tôi
file, đây là cùng một loại điều.

591
00:31:11,570 --> 00:31:15,480
Điều này chỉ cần liên kết đến tập tin
nơi bạn là JavaScript.

592
00:31:15,480 --> 00:31:18,970
Và tôi có một số ví dụ
với mã JavaScript đơn giản.

593
00:31:18,970 --> 00:31:20,220
Vì vậy, chúng ta sẽ đi qua nó.

594
00:31:20,220 --> 00:31:27,230
Và sau đó trong chỉ số của bạn JavaScript,
đó là JavaScript nộp ở đây,

595
00:31:27,230 --> 00:31:30,900
đây là loại wrapper
mà bạn có cho jQuery.

596
00:31:30,900 --> 00:31:33,860
Em đã gần 99,9
phần trăm thời gian đi

597
00:31:33,860 --> 00:31:36,800
để có điều này trong tập tin index.js của bạn.

598
00:31:36,800 --> 00:31:40,010
Bởi vì điều này nói được,
"Không thực hiện bất cứ điều gì

599
00:31:40,010 --> 00:31:43,480
cho đến khi tài liệu của bạn là thực sự
sẵn sàng ", đó là chính xác những gì bạn muốn.

600
00:31:43,480 --> 00:31:46,600
Bởi vì nếu tài liệu của bạn không sẵn sàng,
jQuery và bắt đầu làm việc,

601
00:31:46,600 --> 00:31:48,020
nó chỉ là một mớ hỗn độn.

602
00:31:48,020 --> 00:31:50,480
Vì vậy, bạn luôn muốn có wrapper này.

603
00:31:50,480 --> 00:31:55,760
Và sau đó cho những thứ mà đi vào đó, tôi
phải để lại cho perusing riêng guys của bạn '.

604
00:31:55,760 --> 00:32:04,610
>> OK, vậy là có bất kỳ câu hỏi đúng
bây giờ về JavaScript nói chung?

605
00:32:04,610 --> 00:32:07,420
Hay mô hình DOM?

606
00:32:07,420 --> 00:32:10,780
Nếu không, chúng tôi có một số mát mẻ
ví dụ mà chúng ta có thể đi qua,

607
00:32:10,780 --> 00:32:13,120
rằng các bạn có thể giúp tôi mã.

608
00:32:13,120 --> 00:32:15,877
Nhưng tôi cũng sẽ được
siêu đẹp, và nếu bạn

609
00:32:15,877 --> 00:32:17,960
không muốn nói bất cứ điều gì
cho các, đó là tốt.

610
00:32:17,960 --> 00:32:20,510
Tôi cũng có thể chỉ cung cấp cho bạn các ví dụ.

611
00:32:20,510 --> 00:32:24,581
Nhưng bất cứ điều gì trên
PowerPoint trước khi chúng tôi di chuyển trên?

612
00:32:24,581 --> 00:32:25,080
Cool.

613
00:32:25,080 --> 00:32:26,990
>> Tôi cảm thấy như các bạn cần năng lượng.

614
00:32:26,990 --> 00:32:31,516
Vì vậy, tôi nghĩ rằng chúng ta sẽ bắt đầu
với ví dụ bên đầu tiên của tôi.

615
00:32:31,516 --> 00:32:33,390
Chúng tôi có ba ví dụ,
bạn có sự lựa chọn của bạn.

616
00:32:33,390 --> 00:32:37,720
Vì vậy, chúng tôi có đồng hồ, chúng ta đang đi
để thực hiện một đồng hồ thực tế đó là

617
00:32:37,720 --> 00:32:41,430
sẽ cập nhật khi thời gian trôi qua.

618
00:32:41,430 --> 00:32:43,310
Chúng tôi có chức năng này Twitter tuyệt vời.

619
00:32:43,310 --> 00:32:44,560
This-- bạn biết những gì, giữ chặt.

620
00:32:44,560 --> 00:32:47,220
Chúng tôi sẽ thực hiện điều này đi.

621
00:32:47,220 --> 00:32:47,950
Bam.

622
00:32:47,950 --> 00:32:49,060
OK.

623
00:32:49,060 --> 00:32:56,132
>> Chúng tôi có chức năng này Twitter tuyệt vời
ở đây, that-- Tôi biết, phải không?

624
00:32:56,132 --> 00:32:57,090
Nó sẽ là tuyệt vời.

625
00:32:57,090 --> 00:32:58,350
Các bạn đang bị kích thích?

626
00:32:58,350 --> 00:33:01,170
Có nghĩa là sẽ đếm số
các ký tự mà bạn đã để lại,

627
00:33:01,170 --> 00:33:04,520
vì vậy nếu tôi gõ ngay bây giờ,
rõ ràng là nó vẫn nói 140,

628
00:33:04,520 --> 00:33:06,190
nhưng chúng ta đều biết đó không phải là trường hợp.

629
00:33:06,190 --> 00:33:08,570
Và sau đó với người cuối cùng của chúng tôi
ở đây, nhấn vào đây để tiệc tùng.

630
00:33:08,570 --> 00:33:12,150
Chuyện gì sẽ xảy ra là khi
chúng ta click, nền của

631
00:33:12,150 --> 00:33:13,340
sẽ thay đổi màu sắc.

632
00:33:13,340 --> 00:33:17,060
Vì vậy, các bạn có các tùy chọn của bạn
mà một trong những bạn muốn làm đầu tiên.

633
00:33:17,060 --> 00:33:19,800
Tôi hứa tôi sẽ mang nó rất dễ dàng cho bạn.

634
00:33:19,800 --> 00:33:22,680
Tôi cảm thấy như tất cả mọi người là loại
chỉ rất thấp trọng ngày hôm nay.

635
00:33:22,680 --> 00:33:25,540
Vì vậy, tôi sẽ hướng dẫn bạn thông qua như thế nào
chúng tôi sẽ thực hiện tất cả các.

636
00:33:25,540 --> 00:33:28,520
Nếu bạn muốn kêu vang
trong, đó là tuyệt vời, nhưng tôi

637
00:33:28,520 --> 00:33:30,020
cảm thấy như tất cả mọi người là một chút mệt mỏi.

638
00:33:30,020 --> 00:33:32,970
Vì vậy, tôi sẽ chỉ dẫn bạn
thông qua các ví dụ.

639
00:33:32,970 --> 00:33:35,015
Chúng ta có một cái gì đó
chúng tôi muốn làm đầu tiên?

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

641
00:33:38,140 --> 00:33:39,475
Bất cứ ai?

642
00:33:39,475 --> 00:33:41,350
Không thích?

643
00:33:41,350 --> 00:33:41,867
OK.

644
00:33:41,867 --> 00:33:42,450
Bạn biết những gì?

645
00:33:42,450 --> 00:33:43,290
Chúng tôi đang ở trên bên.

646
00:33:43,290 --> 00:33:48,380
Tôi cảm thấy như các bạn cần một little--
vì vậy, chúng tôi sẽ làm một bữa tiệc đầu tiên.

647
00:33:48,380 --> 00:33:48,880
OK.

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

649
00:33:51,470 --> 00:33:56,930
>> Vì vậy, những gì chúng tôi có here-- đó
không được coi là có.

650
00:33:56,930 --> 00:33:57,910
Bây giờ là tốt.

651
00:33:57,910 --> 00:33:59,810
OK.

652
00:33:59,810 --> 00:34:03,110
Vì vậy, những gì chúng tôi có ở đây là
chỉ là một trang HTML đơn giản

653
00:34:03,110 --> 00:34:07,840
rằng tất cả các bạn cần được siêu
quen thuộc với từ hai psets cuối cùng của bạn.

654
00:34:07,840 --> 00:34:10,212
chúng tôi có loại doc của chúng tôi ở đây.

655
00:34:10,212 --> 00:34:10,920
Tất cả mọi người có thể nhìn thấy?

656
00:34:10,920 --> 00:34:11,420
OK.

657
00:34:11,420 --> 00:34:12,560
Cool.

658
00:34:12,560 --> 00:34:13,900
Chúng tôi có HTML của chúng tôi rõ ràng.

659
00:34:13,900 --> 00:34:18,360
Chúng tôi có một số tiêu đề đó là
liên kết với một phong cách trang đó

660
00:34:18,360 --> 00:34:21,420
chỉ cần thực hiện font của tôi tốt đẹp và lớn và đậm.

661
00:34:21,420 --> 00:34:23,489
Vì vậy, đừng lo lắng về điều đó.

662
00:34:23,489 --> 00:34:26,437
>> Chúng tôi có một số cơ thể với
một nền Id, OK?

663
00:34:26,437 --> 00:34:28,520
Bởi vì chúng tôi đang đi để được
việc thay đổi nền.

664
00:34:28,520 --> 00:34:31,964
Vì vậy, khi chúng ta thay đổi
nền của cơ thể của chúng tôi,

665
00:34:31,964 --> 00:34:35,965
chúng ta nhớ từ hai tuần trước
khi chúng ta đang đối phó với các trang web.

666
00:34:35,965 --> 00:34:36,840
Vì vậy, tốt để có điều đó.

667
00:34:36,840 --> 00:34:39,270
Và chúng tôi có một số Id bằng bên.

668
00:34:39,270 --> 00:34:43,909
H ref bảng này chỉ có nghĩa là
nó sẽ đi đến cùng một trang.

669
00:34:43,909 --> 00:34:47,120
Và bấm vào đây để tiệc tùng,
đó là lý do tại sao khi chúng ta nhấp vào nó,

670
00:34:47,120 --> 00:34:48,940
cần thay đổi màu sắc, may mắn.

671
00:34:48,940 --> 00:34:54,322
>> Và sau đó chúng tôi có một số kịch bản ở đây mà
chỉ là liên kết với bên này dot js

672
00:34:54,322 --> 00:34:58,100
tập tin, đó là trống rỗng, vì
chúng tôi đã không thực hiện bất cứ điều gì chưa.

673
00:34:58,100 --> 00:35:00,450
Và nó rất buồn.

674
00:35:00,450 --> 00:35:06,100
Nhưng ngay sau đó, nó sẽ thay đổi
màu sắc, và nó sẽ là tuyệt vời.

675
00:35:06,100 --> 00:35:10,520
>> Vì vậy, tôi chỉ cần đi tới đi các bạn
thông qua như thế nào chúng ta có thể tiếp cận này.

676
00:35:10,520 --> 00:35:14,030
Vì vậy, điều đầu tiên mà
chúng ta có thể muốn làm,

677
00:35:14,030 --> 00:35:18,050
nếu chúng ta đang thay đổi hình nền của
cơ thể, điều đầu tiên chúng ta có thể muốn

678
00:35:18,050 --> 00:35:22,730
làm là thực sự lấy
những gì cơ thể, phải không?

679
00:35:22,730 --> 00:35:27,690
Vì vậy, chúng tôi muốn có tiền, chúng tôi
nền, và nếu bạn thông báo,

680
00:35:27,690 --> 00:35:29,567
Tôi chỉ tự động chỉ cần bắt đầu gõ.

681
00:35:29,567 --> 00:35:32,400
Có gì đặc biệt mà chúng ta
cần phải làm cho các tập tin JavaScript của chúng tôi.

682
00:35:32,400 --> 00:35:35,820
Tôi có thể bắt đầu khai báo biến,
và tuyên bố chức năng ngẫu nhiên.

683
00:35:35,820 --> 00:35:38,110
Và đó là hình thức miễn phí nhiều hơn nữa.

684
00:35:38,110 --> 00:35:41,930
Nó giống như với C, chúng tôi đã cho tất cả các bạn
những quy tắc cứng, và bạn lớn lên,

685
00:35:41,930 --> 00:35:43,220
Như vậy chúng ta như thế nào, "đi ra.

686
00:35:43,220 --> 00:35:44,000
Hãy tự do.

687
00:35:44,000 --> 00:35:44,870
Hãy làm những gì bạn muốn. "

688
00:35:44,870 --> 00:35:46,280
Và đó là những gì JavaScript.

689
00:35:46,280 --> 00:35:48,390
Vì vậy, chúng tôi có một số nền ở đây.

690
00:35:48,390 --> 00:35:55,900
Với mô hình DOM của chúng tôi, chúng tôi biết chúng tôi
có thể làm tài liệu có được chấm phần tử,

691
00:35:55,900 --> 00:36:00,290
và nếu chúng tôi nhận thấy ở đây,
cơ thể của chúng ta có một ID.

692
00:36:00,290 --> 00:36:00,930
Phải không?

693
00:36:00,930 --> 00:36:06,310
Vì vậy, chúng ta có thể không nhận được tài liệu của
Id, và đây là một trong những đơn giản.

694
00:36:06,310 --> 00:36:08,295
Id của chúng tôi mà chúng tôi muốn ở đây là gì?

695
00:36:08,295 --> 00:36:09,170
Đung Background.

696
00:36:09,170 --> 00:36:11,280
ALLISON BUCHHOLTZ-AU: Background.

697
00:36:11,280 --> 00:36:12,230
Perfect.

698
00:36:12,230 --> 00:36:14,250
Và dấu chấm phẩy ở cuối.

699
00:36:14,250 --> 00:36:15,610
Điều đó đã không ra đi nào.

700
00:36:15,610 --> 00:36:17,330
Bạn vẫn cần phẩy của bạn.

701
00:36:17,330 --> 00:36:17,830
OK.

702
00:36:17,830 --> 00:36:19,690
Vì vậy, đó là một trong những đầu tiên của chúng tôi.

703
00:36:19,690 --> 00:36:23,880
Và khi chúng ta bấm vào một cái gì đó, chúng ta
muốn một cái gì đó xảy ra, phải không?

704
00:36:23,880 --> 00:36:28,270
Vì vậy, chúng ta có thể muốn có một số biến
đó là chờ đợi cho một nhấp chuột.

705
00:36:28,270 --> 00:36:32,410
Những gì chúng tôi sẽ làm là chúng ta sẽ
làm cho liên kết của chúng tôi tương tự như một nút.

706
00:36:32,410 --> 00:36:43,140
Vì vậy, chúng ta sẽ có một số nút
bằng tài liệu có được chấm phần tử bằng Id.

707
00:36:43,140 --> 00:36:48,670
Và nếu tôi đang nói về
nhấp vào liên kết hoặc bấm vào đây để tiệc tùng

708
00:36:48,670 --> 00:36:51,850
liên kết, những gì có thể Id của tôi có mặt ở đây?

709
00:36:51,850 --> 00:36:52,590
Đảng.

710
00:36:52,590 --> 00:36:55,200
Chính xác.

711
00:36:55,200 --> 00:36:56,500
OK không quá xấu cho đến nay.

712
00:36:56,500 --> 00:36:59,060
Tất cả mọi người có được những gì chúng tôi đang làm?

713
00:36:59,060 --> 00:37:02,100
>> OK, bây giờ chúng ta có của chúng tôi
nút, và chúng tôi muốn

714
00:37:02,100 --> 00:37:04,140
thứ thay đổi khi chúng ta click vào nó.

715
00:37:04,140 --> 00:37:08,750
Vì vậy, nếu chúng ta nhớ từ PowerPoint của chúng tôi,
điều rất đơn giản, chúng ta có thể làm

716
00:37:08,750 --> 00:37:12,140
chỉ là nút dot onclick, phải không?

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

718
00:37:14,750 --> 00:37:18,730
Và đó là sẽ bằng một số chức năng.

719
00:37:18,730 --> 00:37:20,620
Đây là một chức năng vô danh.

720
00:37:20,620 --> 00:37:24,620
Và điều này chỉ thực sự as-- tôi
sẽ làm cho này lớn hơn một chút.

721
00:37:24,620 --> 00:37:27,330
>> Vì vậy, những gì tôi chỉ cần làm
đây là tôi đang nói, OK,

722
00:37:27,330 --> 00:37:31,810
khi chúng ta bấm vào nút của chúng tôi, đó là
link này mà chúng ta vừa đề cập,

723
00:37:31,810 --> 00:37:34,270
chúng ta sẽ thực hiện
chức năng ẩn danh này.

724
00:37:34,270 --> 00:37:35,845
Chúng tôi không cần bất kỳ đầu vào.

725
00:37:35,845 --> 00:37:37,220
Chúng tôi không quan tâm những gì người dùng nói.

726
00:37:37,220 --> 00:37:38,800
Khi họ click vào nó, chúng tôi
sẽ làm bất cứ điều gì chúng ta muốn,

727
00:37:38,800 --> 00:37:40,660
đó là thay đổi màu nền.

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

729
00:37:42,640 --> 00:37:47,224
Vì vậy, đó là lý do tại sao chúng tôi không có bất kỳ đầu vào,
chúng ta chỉ có chức năng ẩn danh này.

730
00:37:47,224 --> 00:37:49,390
Và bây giờ chúng tôi đang thực sự đi
để viết chức năng này.

731
00:37:49,390 --> 00:37:55,040
>> Vì vậy, có một loạt các cách bạn
có thể tạo ra một màu sắc ngẫu nhiên.

732
00:37:55,040 --> 00:37:59,010
Cách mà tôi đã làm nó đã đến
tạo ra ba con số ngẫu nhiên

733
00:37:59,010 --> 00:38:01,910
và chuyển đổi chúng sang một RGB ba.

734
00:38:01,910 --> 00:38:06,130
Vì vậy, điều này chỉ cho bạn thấy một số mát mẻ
những điều mà nếu bạn đang như "oh,

735
00:38:06,130 --> 00:38:08,464
Tôi cần phải tạo ra một cách ngẫu nhiên
số. "nếu bạn google nó,

736
00:38:08,464 --> 00:38:09,630
đây là những gì bạn sẽ tìm thấy.

737
00:38:09,630 --> 00:38:17,580
>> Vì vậy, chúng tôi có ba khác nhau
điều, var, không đỏ nữa, màu xanh lá cây.

738
00:38:17,580 --> 00:38:18,080
Phải không?

739
00:38:18,080 --> 00:38:20,740
Vì vậy, đó là ba
điều đó tạo nên một màu sắc.

740
00:38:20,740 --> 00:38:22,220
Màu xanh, đỏ và xanh lá cây.

741
00:38:22,220 --> 00:38:22,960
Cool.

742
00:38:22,960 --> 00:38:27,050
Và những gì chúng ta có thể làm là chúng ta biết
mà nó cần phải được giữa 255,

743
00:38:27,050 --> 00:38:30,140
và nếu bạn nhìn lên một số
máy phát điện số ngẫu nhiên,

744
00:38:30,140 --> 00:38:36,000
bạn có thể có được một cái gì đó như toán học
chấm ngẫu nhiên, nếu bạn nhìn này lên

745
00:38:36,000 --> 00:38:39,230
trả về một số số
giữa không và một.

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

747
00:38:39,980 --> 00:38:44,470
Và những gì con số làm chúng tôi
RGB gấp ba đi giữa?

748
00:38:44,470 --> 00:38:47,240
Zero và những gì?

749
00:38:47,240 --> 00:38:49,000
Những gì họ có thể đi lên đến?

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

751
00:38:49,950 --> 00:38:53,320
Vì vậy, nếu toán chấm ngẫu nhiên
đi giữa không và một,

752
00:38:53,320 --> 00:38:56,365
làm thế nào chúng ta có thể muốn chuyển đổi này?

753
00:38:56,365 --> 00:38:56,990
Đung Time?

754
00:38:56,990 --> 00:38:57,830
ALLISON BUCHHOLTZ-AU: Yeah, chính xác.

755
00:38:57,830 --> 00:38:58,677
Vì vậy, thời gian là 255.

756
00:38:58,677 --> 00:39:00,888
>> Đung [Không nghe thấy]
Nó giống như [không nghe được].

757
00:39:00,888 --> 00:39:02,471
ALLISON BUCHHOLTZ-AU: Math chấm ngẫu nhiên.

758
00:39:02,471 --> 00:39:03,096
Đung Cool.

759
00:39:03,096 --> 00:39:04,580
ALLISON BUCHHOLTZ-AU: Yes.

760
00:39:04,580 --> 00:39:06,300
JavaScript chỉ chăm sóc của bạn.

761
00:39:06,300 --> 00:39:07,580
OK.

762
00:39:07,580 --> 00:39:09,360
Vì vậy, chúng ta có thể làm điều đó cho tất cả các.

763
00:39:09,360 --> 00:39:10,540
Phải không?

764
00:39:10,540 --> 00:39:16,480
Math chấm lần ngẫu nhiên 255.

765
00:39:16,480 --> 00:39:17,740
Sao chép đó.

766
00:39:17,740 --> 00:39:18,820
Cool.

767
00:39:18,820 --> 00:39:23,350
Vì vậy, điều này là, điều này có thể
không trả lại một số nguyên.

768
00:39:23,350 --> 00:39:24,080
Phải không?

769
00:39:24,080 --> 00:39:26,450
Có lẽ chúng ta có được một số số
giữa không và một,

770
00:39:26,450 --> 00:39:32,150
và nó sẽ khiến hơi
off, và RGBs của chúng tôi không thể nổi được.

771
00:39:32,150 --> 00:39:33,360
Họ cần phải có kiểu int.

772
00:39:33,360 --> 00:39:37,610
Vì vậy, nếu bạn đã cố gắng này, nó muốn có lẽ
có một số hành vi thất thường.

773
00:39:37,610 --> 00:39:38,810
Nó sẽ là một chút funky.

774
00:39:38,810 --> 00:39:43,200
Vì vậy, những gì chúng tôi làm là chúng tôi muốn thực hiện
chắc chắn rằng chúng được làm tròn,

775
00:39:43,200 --> 00:39:45,400
và bạn có thể làm tròn một trong hai cách.

776
00:39:45,400 --> 00:39:47,110
Tôi tròn với sàn.

777
00:39:47,110 --> 00:39:49,680
Vì vậy, tôi luôn luôn đảm bảo
mà nó làm tròn xuống.

778
00:39:49,680 --> 00:39:54,440
Nhưng đi tắt của cách đơn giản nó
là chỉ cần có được một số ngẫu nhiên,

779
00:39:54,440 --> 00:39:57,920
làm thế nào để bạn nghĩ chúng tôi
might sàn số này?

780
00:39:57,920 --> 00:40:00,720
Nó rất giống.

781
00:40:00,720 --> 00:40:02,810
Bất cứ ý tưởng?

782
00:40:02,810 --> 00:40:06,450
Vì vậy, nếu ngẫu nhiên là chỉ toán dấu chấm
ngẫu nhiên, do đó, bạn có nghĩ rằng chúng ta sẽ làm sàn?

783
00:40:06,450 --> 00:40:09,670
Math dot sàn.

784
00:40:09,670 --> 00:40:11,340
Và bạn cũng có thể làm toán dot trần.

785
00:40:11,340 --> 00:40:14,030
Round là loại mơ hồ
bởi vì bạn không

786
00:40:14,030 --> 00:40:16,110
biết để làm tròn lên hoặc làm tròn xuống.

787
00:40:16,110 --> 00:40:20,797
Vì vậy, thông thường chúng ta luôn luôn làm toán
dot sàn, toán dot trần.

788
00:40:20,797 --> 00:40:21,380
Nhưng honestly--

789
00:40:21,380 --> 00:40:22,780
>> Đung Liệu quanh sàn xuống?

790
00:40:22,780 --> 00:40:24,740
>> ALLISON BUCHHOLTZ-AU: Tầng tròn xuống.

791
00:40:24,740 --> 00:40:26,990
Và đó chỉ là một sự lựa chọn trên một phần của tôi.

792
00:40:26,990 --> 00:40:32,370
>> Vì vậy, bây giờ chúng tôi có ba con số của chúng tôi
đã được tạo ra một cách ngẫu nhiên,

793
00:40:32,370 --> 00:40:36,610
và những gì chúng ta sẽ làm gì bây giờ chúng tôi là
chỉ cần đi để thay đổi nền.

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

795
00:40:37,310 --> 00:40:41,490
Vì vậy, chúng tôi đã có của chúng tôi
nền loại lưu trữ

796
00:40:41,490 --> 00:40:43,280
trong phần tử này được gọi là nền.

797
00:40:43,280 --> 00:40:47,300
Vì vậy, những gì bạn sẽ nhận thấy là, nếu
bạn chơi xung quanh với điều này,

798
00:40:47,300 --> 00:40:50,460
chúng tôi muốn thay đổi phong cách.

799
00:40:50,460 --> 00:40:53,812
Và đây là loại cái gì đó
bạn sẽ Google và tìm ra,

800
00:40:53,812 --> 00:40:55,020
thích làm thế nào để thay đổi màu sắc.

801
00:40:55,020 --> 00:40:59,210
>> Nhưng cách bạn truy cập vào màu sắc này là
nền phong cách chấm chấm nền.

802
00:40:59,210 --> 00:41:03,490
Vì vậy, đây là câu nói được
đối tượng này, nền,

803
00:41:03,490 --> 00:41:06,920
trong đó đề cập đến đó
yếu tố Id lên ở đó,

804
00:41:06,920 --> 00:41:10,690
chúng ta sẽ xem xét các
phong cách trong phong cách,

805
00:41:10,690 --> 00:41:13,280
chúng ta sẽ xem xét ở trên nền.

806
00:41:13,280 --> 00:41:14,270
OK?

807
00:41:14,270 --> 00:41:17,630
Và nếu bạn đi và tìm kiếm này lên,
nó có thể làm cho tinh thần nhiều hơn một chút,

808
00:41:17,630 --> 00:41:21,930
nhưng điều này về cơ bản là chỉ cần nói,
"Cho tôi thuộc tính này rất cụ thể

809
00:41:21,930 --> 00:41:25,770
về những gì tôi đã xác định trước đó. "

810
00:41:25,770 --> 00:41:32,340
Vì vậy, những gì chúng ta đang thay đổi nó để là
một số RGB, bởi vì nó làm cho tinh thần.

811
00:41:32,340 --> 00:41:34,780
Chúng tôi đang sử dụng RGB gấp ba, phải không?

812
00:41:34,780 --> 00:41:41,530
Và chúng tôi have-- Tôi muốn chắc chắn rằng tôi
có được các số bên phải của dấu ngoặc kép trong đây.

813
00:41:41,530 --> 00:41:43,940
Vì vậy, những gì chúng tôi làm là chúng tôi có
RGB, và chúng ta sẽ

814
00:41:43,940 --> 00:41:46,800
đối với: điều này giống như
nối, đó là màu đỏ.

815
00:41:46,800 --> 00:41:50,030

816
00:41:50,030 --> 00:41:52,610
Và sau đó, chúng tôi muốn có một số dấu phẩy.

817
00:41:52,610 --> 00:41:59,925
Và sau đó chúng tôi muốn cộng với màu xanh lá cây,
sau đó một số dấu phẩy, và một số màu xanh.

818
00:41:59,925 --> 00:42:10,640

819
00:42:10,640 --> 00:42:14,120
>> Vì vậy, những ưu điểm chỉ
nghĩa là giống như nối.

820
00:42:14,120 --> 00:42:19,810
Vì vậy, điều này chỉ được tạo ra này
chuỗi đó đang xảy ra trong vòng 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
>> Đung [Không nghe thấy] cộng với sau đó
các màu xanh lá cây cộng với sau đó màu đỏ.

824
00:42:26,684 --> 00:42:30,163
>> ALLISON BUCHHOLTZ-AU: Yeah,
vì tôi sai lầm mà lên.

825
00:42:30,163 --> 00:42:30,890
Phạt mà ai.

826
00:42:30,890 --> 00:42:32,110
Oh, giữ trên.

827
00:42:32,110 --> 00:42:32,610
Không.

828
00:42:32,610 --> 00:42:36,770
Bởi vì tôi cần phải chắc chắn
mà tôi đã nhận tất cả các quyền.

829
00:42:36,770 --> 00:42:39,680

830
00:42:39,680 --> 00:42:43,950
Vì vậy, tôi sẽ giải thích trong momento uno.

831
00:42:43,950 --> 00:42:47,040
Màu xanh lá cây, xanh da trời, hoàn hảo.

832
00:42:47,040 --> 00:42:47,971
Bây giờ tôi đang thực hiện.

833
00:42:47,971 --> 00:42:48,470
Tôi tin.

834
00:42:48,470 --> 00:42:51,570

835
00:42:51,570 --> 00:42:52,530
>> OK.

836
00:42:52,530 --> 00:42:58,085
Vì vậy, đây là những gì, là nền
sẽ được thiết lập để một số chuỗi.

837
00:42:58,085 --> 00:42:58,585
Phải không?

838
00:42:58,585 --> 00:42:59,710
Đó là những gì chúng tôi có ở đây.

839
00:42:59,710 --> 00:43:05,870
Nó sẽ là một số RGB 255 dấu phẩy
255 dấu bằng không, hoặc bất kỳ số nào bạn

840
00:43:05,870 --> 00:43:06,512
có ở đó.

841
00:43:06,512 --> 00:43:08,220
Vì vậy, chúng tôi đang làm ở đây,
chúng tôi có một số chuỗi.

842
00:43:08,220 --> 00:43:11,910
Và những gì chúng tôi muốn làm, đó là chúng ta
loại động tạo

843
00:43:11,910 --> 00:43:14,010
rằng khi chúng ta thực sự chạy chương trình này.

844
00:43:14,010 --> 00:43:16,570
Vì vậy, đây là một số chuỗi.

845
00:43:16,570 --> 00:43:20,290
Cộng móc nối nó với
các giá trị màu đỏ mà có,

846
00:43:20,290 --> 00:43:23,320
đó móc nối nó với một
dấu phẩy, mà móc nối nó

847
00:43:23,320 --> 00:43:26,090
với những gì là màu xanh lá cây, và
vv, và vv.

848
00:43:26,090 --> 00:43:26,660
OK?

849
00:43:26,660 --> 00:43:32,210
Cho đến cuối, đó là
đóng ngoặc của RGB này ở đây.

850
00:43:32,210 --> 00:43:32,800
OK?

851
00:43:32,800 --> 00:43:37,230
>> Vì vậy, điều này sẽ
tạo ra là một số lệnh thực sự

852
00:43:37,230 --> 00:43:42,770
đó là RGB của ba số
nền mà bây giờ được thiết lập để.

853
00:43:42,770 --> 00:43:43,940
OK?

854
00:43:43,940 --> 00:43:46,510
Vì vậy, chúng ta hãy xem nếu công trình này.

855
00:43:46,510 --> 00:43:49,720
Tôi hy vọng nó không có gì, bởi vì nếu nó
không, tôi sẽ được thực sự buồn.

856
00:43:49,720 --> 00:43:50,250
Ồ không.

857
00:43:50,250 --> 00:43:52,710
OK, giữ trên.

858
00:43:52,710 --> 00:43:56,730
Chắc chắn nền
phong cách dot dot nền.

859
00:43:56,730 --> 00:43:59,569
Tôi chắc chắn mất tích
một cái gì đó chỉ nhỏ.

860
00:43:59,569 --> 00:44:00,610
Không bạn ghét kẻ đó?

861
00:44:00,610 --> 00:44:04,020
Khi nó chỉ là một lỗi nhỏ chút?

862
00:44:04,020 --> 00:44:04,990
Nền Almighty.

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
>> Đung [Không nghe thấy]

866
00:44:09,765 --> 00:44:11,729

867
00:44:11,729 --> 00:44:12,770
ALLISON BUCHHOLTZ-AU: No.

868
00:44:12,770 --> 00:44:14,050
Tôi cố gắng này trước khi đến lớp.

869
00:44:14,050 --> 00:44:16,570
Tôi có tất cả mọi thứ tôi đã làm trước
lớp trong trường hợp tôi đã như thế,

870
00:44:16,570 --> 00:44:17,970
"Chờ đợi, những gì đã làm tôi làm sai?"

871
00:44:17,970 --> 00:44:23,190
Bởi vì tôi đã thích, "Tôi có thể sẽ
mess này lên tại một số điểm. "

872
00:44:23,190 --> 00:44:24,150
Cộng với màu xanh lá cây.

873
00:44:24,150 --> 00:44:26,250
Tất cả mọi thứ có vẻ như nó là
nối một cách chính xác.

874
00:44:26,250 --> 00:44:29,620

875
00:44:29,620 --> 00:44:30,520
OK.

876
00:44:30,520 --> 00:44:31,870
>> Đung [Không nghe thấy]

877
00:44:31,870 --> 00:44:33,810
>> ALLISON BUCHHOLTZ-AU: Oh, có bạn đi.

878
00:44:33,810 --> 00:44:35,520
Đó là những gì tôi cần.

879
00:44:35,520 --> 00:44:36,805
Nhìn vào đó.

880
00:44:36,805 --> 00:44:40,090
Tiffany đến giải cứu.

881
00:44:40,090 --> 00:44:40,590
Perfect.

882
00:44:40,590 --> 00:44:41,090
OK.

883
00:44:41,090 --> 00:44:43,834
Bây giờ chúng ta hãy xem nếu nó hoạt động.

884
00:44:43,834 --> 00:44:44,816
Ôi Thiên Chúa.

885
00:44:44,816 --> 00:44:45,641
OK.

886
00:44:45,641 --> 00:44:46,140
Giữ trên.

887
00:44:46,140 --> 00:44:48,280
>> Đung Space sau khi cộng thứ hai.

888
00:44:48,280 --> 00:44:50,310
>> ALLISON BUCHHOLTZ-AU: Mà một trong những?

889
00:44:50,310 --> 00:44:52,910
Oh chờ đợi, giữ trên.

890
00:44:52,910 --> 00:44:54,870
Space mặc?

891
00:44:54,870 --> 00:44:57,209
>> Đung Thứ hai cộng trong
sự nối màu xanh lá cây.

892
00:44:57,209 --> 00:44:58,250
ALLISON BUCHHOLTZ-AU: Oh.

893
00:44:58,250 --> 00:44:59,570
Đung Không có không gian
sau khi cộng, yeah.

894
00:44:59,570 --> 00:45:00,790
ALLISON BUCHHOLTZ-AU: Bạn
không cần điều đó, but--

895
00:45:00,790 --> 00:45:01,190
Đung Oh, bạn không?

896
00:45:01,190 --> 00:45:01,910
ALLISON BUCHHOLTZ-AU: Nó trông khá.

897
00:45:01,910 --> 00:45:02,530
Đung OK.

898
00:45:02,530 --> 00:45:03,030
OK.

899
00:45:03,030 --> 00:45:05,170
>> ALLISON BUCHHOLTZ AU:
Hãy xem, nếu công trình này.

900
00:45:05,170 --> 00:45:05,670
OK.

901
00:45:05,670 --> 00:45:07,836
Tôi rõ ràng là thất bại trong
demo này, trong đó nhắc nhở tôi

902
00:45:07,836 --> 00:45:12,810
của một bài giảng tuần khác,
nhưng tôi biết điều này sẽ làm việc.

903
00:45:12,810 --> 00:45:15,860
Tôi biết điều này sẽ làm việc.

904
00:45:15,860 --> 00:45:16,580
Vì vậy, gần gũi.

905
00:45:16,580 --> 00:45:22,330
Trừ khi tôi vô tình bị xóa
kịch bản của tôi trên này.

906
00:45:22,330 --> 00:45:24,035
Không, nó là dấu chấm bên js.

907
00:45:24,035 --> 00:45:25,776
OK giữ.

908
00:45:25,776 --> 00:45:28,650
Tôi sẽ để sao chép này, và tôi cũng
chỉ cần đi để xóa tất cả mọi thứ,

909
00:45:28,650 --> 00:45:30,108
bởi vì tôi đã làm việc này trước đó.

910
00:45:30,108 --> 00:45:32,470

911
00:45:32,470 --> 00:45:33,770
>> Tôi hứa với nó hoạt động.

912
00:45:33,770 --> 00:45:36,160
Nếu không, tôi sẽ cho bạn thấy những gì là Tommy.

913
00:45:36,160 --> 00:45:38,890
Và ở đó.

914
00:45:38,890 --> 00:45:42,380
>> Đung Bạn đang tham khảo bên
dot CSS, và đó là một bên dot js.

915
00:45:42,380 --> 00:45:45,940
>> ALLISON BUCHHOLTZ-AU: Ah, cũng
ngay ở đây là bên dot js.

916
00:45:45,940 --> 00:45:49,187
OK, tôi đã làm những gì khác nhau?

917
00:45:49,187 --> 00:45:50,520
OK, chúng ta sẽ thấy nếu công trình này bây giờ.

918
00:45:50,520 --> 00:45:54,180

919
00:45:54,180 --> 00:45:54,980
Bam.

920
00:45:54,980 --> 00:46:02,110
Vì vậy, tôi không biết những gì tôi đã làm khác đi,
nhưng đây là những gì nên xảy ra.

921
00:46:02,110 --> 00:46:03,230
Kinda mát.

922
00:46:03,230 --> 00:46:06,650
Tôi nhấp vào đây, như thế, mãi mãi.

923
00:46:06,650 --> 00:46:11,185
Nhưng chúng ta có thể thử và xem những gì tôi đã làm
khác nhau mà một trong này đã có.

924
00:46:11,185 --> 00:46:14,560
Tôi không biết về bạn, nhưng điều này
trông về cơ bản những gì tôi vừa viết.

925
00:46:14,560 --> 00:46:17,950
Có lẽ là một thiếu
dấu chấm phẩy ở đâu đó là điều tôi.

926
00:46:17,950 --> 00:46:22,064
Trên thực tế sau đó, tôi nghĩ rằng tôi đã mất tích
một dấu chấm phẩy đúng ở đây thực sự.

927
00:46:22,064 --> 00:46:24,230
Nhưng tôi không thể nhìn thấy nó vì
nó đã được tắt màn hình.

928
00:46:24,230 --> 00:46:29,040
>> Nhưng nếu chúng tôi nhận thấy, điều này là khá
nhiều chính xác những gì tôi vừa viết.

929
00:46:29,040 --> 00:46:33,010
Tôi nghĩ có lẽ là phần khó khăn nhất
đây chỉ là loại điều này ngay

930
00:46:33,010 --> 00:46:36,830
ở đây, sự hiểu biết
những gì nó đang làm gì ở đó.

931
00:46:36,830 --> 00:46:42,230
Những loại điều bạn học
thực sự chỉ bởi Googling và trung thực

932
00:46:42,230 --> 00:46:42,880
chỉ cần cố gắng.

933
00:46:42,880 --> 00:46:46,770
Nếu bạn nghĩ rằng có một số
thuộc tính, có lẽ là.

934
00:46:46,770 --> 00:46:48,382
Vì vậy, hãy thử nó.

935
00:46:48,382 --> 00:46:49,090
Xem những gì sẽ xảy ra.

936
00:46:49,090 --> 00:46:53,000
Như tôi đã nói, có rất nhiều
thử nghiệm với Javascript,

937
00:46:53,000 --> 00:46:56,810
và PHP, và tất cả những gì
công cụ, và đặc biệt là CSS.

938
00:46:56,810 --> 00:47:00,046
Đó là chỉ đúng
cách để hiểu nó.

939
00:47:00,046 --> 00:47:07,100
>> OK, vì vậy sau đó thất bại với bên
dot js, chúng tôi có hai lựa chọn khác.

940
00:47:07,100 --> 00:47:10,650
Chúng tôi có đồng hồ hay Twitter.

941
00:47:10,650 --> 00:47:12,190
Họ vừa thú vị.

942
00:47:12,190 --> 00:47:17,720
Có lẽ không hoàn toàn là vui vẻ như bên,
trong đó có một strobing chút mát mẻ

943
00:47:17,720 --> 00:47:19,595
điều cuối cùng.

944
00:47:19,595 --> 00:47:21,714
Các anh có bất kỳ ưu đãi?

945
00:47:21,714 --> 00:47:22,380
Đung Clock?

946
00:47:22,380 --> 00:47:22,950
ALLISON BUCHHOLTZ-AU: Clock?

947
00:47:22,950 --> 00:47:23,450
OK.

948
00:47:23,450 --> 00:47:25,390
Cool.

949
00:47:25,390 --> 00:47:30,460
>> Vì vậy, một lần nữa, chúng tôi có của chúng tôi
rỗng tập tin JavaScript.

950
00:47:30,460 --> 00:47:35,800
Và như chúng ta thấy ở đây, chúng tôi
có một số HTML rất đơn giản.

951
00:47:35,800 --> 00:47:40,010
Chúng tôi có phong cách trang của chúng tôi, mà chỉ
định dạng những gì nó sẽ giống như thế.

952
00:47:40,010 --> 00:47:42,860
Chúng tôi có div của chúng tôi với
một Id của đồng hồ, mà

953
00:47:42,860 --> 00:47:44,420
chỉ nói, "đây sẽ là một chiếc đồng hồ."

954
00:47:44,420 --> 00:47:47,650
Và chúng tôi có liên kết của chúng tôi
đến tập tin JavaScript của chúng tôi

955
00:47:47,650 --> 00:47:51,400
đó là thực tế sẽ
tạo đồng hồ của chúng tôi đối với chúng tôi.

956
00:47:51,400 --> 00:47:56,060
Bởi vì những điều mát mẻ, là bạn có thể
thiết lập JavaScript để tự động làm mới

957
00:47:56,060 --> 00:47:56,963
chính nó.

958
00:47:56,963 --> 00:47:57,810
OK?

959
00:47:57,810 --> 00:48:01,580
Vì vậy, thay vì chờ đợi
dùng để nhấn Refresh trên một trang

960
00:48:01,580 --> 00:48:03,840
để bạn có thể nhận được
thời gian cập nhật, JavaScript

961
00:48:03,840 --> 00:48:06,760
có thể cập nhật nó tuy nhiên nó thích.

962
00:48:06,760 --> 00:48:12,082
>> Vì vậy, như với người cuối cùng của chúng tôi, chúng tôi muốn
để truy cập vào nền của chúng tôi, phải không?

963
00:48:12,082 --> 00:48:14,790
Vậy điều gì làm bạn nghĩ rằng có thể là
Điều đầu tiên chúng tôi muốn làm ở đây?

964
00:48:14,790 --> 00:48:19,538
Nếu chúng ta loại đi tắt
loại này của mô hình ở đây?

965
00:48:19,538 --> 00:48:22,200
Chúng tôi có thể muốn
truy cập vào đồng hồ của chúng tôi, phải không?

966
00:48:22,200 --> 00:48:24,724
Vì vậy, chúng tôi có một số var
đồng hồ, mà equals--

967
00:48:24,724 --> 00:48:26,140
những gì chúng tôi nghĩ rằng nó sẽ là?

968
00:48:26,140 --> 00:48:29,290

969
00:48:29,290 --> 00:48:42,670
Tài liệu có được chấm phần tuỳ theo trường tôi cũng
yêu Id Sublime-- và Id của chúng tôi là đồng hồ.

970
00:48:42,670 --> 00:48:43,585
Dấu chấm phẩy.

971
00:48:43,585 --> 00:48:45,710
Phải chắc chắn để có được
những dấu chấm phẩy thời gian này,

972
00:48:45,710 --> 00:48:47,835
bởi vì tôi cảm thấy như thế
là vấn đề thời gian qua.

973
00:48:47,835 --> 00:48:55,980
OK như vậy, như tôi đã chỉ nói với cố gắng
có JavaScript làm mới bản thân,

974
00:48:55,980 --> 00:48:59,655
có chức năng tuyệt vời này, tôi
biết nó đã có ích năm ngoái,

975
00:48:59,655 --> 00:49:02,780
Tôi không chắc nó có ích cho việc này
pset, nhưng nó được gọi là khoảng thời gian quy định.

976
00:49:02,780 --> 00:49:05,640

977
00:49:05,640 --> 00:49:08,200
Và điều này thực sự là thực sự
mát mẻ, nếu các bạn làm bất cứ điều gì

978
00:49:08,200 --> 00:49:11,460
với thời gian hoặc nhận
thông tin cập nhật.

979
00:49:11,460 --> 00:49:13,700
Trên một trang web cho một trận chung kết
dự án, điều này có lẽ

980
00:49:13,700 --> 00:49:16,240
một chức năng mà bạn muốn
có được siêu quen thuộc với.

981
00:49:16,240 --> 00:49:19,730
Vì vậy, những gì thiết lập khoảng thời gian nào là
chúng tôi sẽ cung cấp cho nó một chức năng,

982
00:49:19,730 --> 00:49:21,830
và bao lâu nó nên
gọi chức năng này.

983
00:49:21,830 --> 00:49:22,430
OK?

984
00:49:22,430 --> 00:49:26,890
>> Vì vậy, trong trường hợp này, chúng tôi chỉ cần đi để
tạo ra một số chức năng ẩn danh một lần nữa,

985
00:49:26,890 --> 00:49:31,530
OK, có nghĩa là sẽ có được
ngày của chúng tôi, và thời gian của chúng tôi,

986
00:49:31,530 --> 00:49:33,780
và sau đó cập nhật mọi thứ và hiển thị nó.

987
00:49:33,780 --> 00:49:35,130
Vì vậy, chúng tôi sẽ lo lắng về điều đó.

988
00:49:35,130 --> 00:49:39,120
Chúng tôi sẽ giống như tạo ra đồng hồ ở đây.

989
00:49:39,120 --> 00:49:41,750
Nhưng những gì chúng ta cần là như thế nào
thường xuyên để làm mới nó.

990
00:49:41,750 --> 00:49:43,930
Vì vậy, trong trường hợp này, nó chỉ là vài phần nghìn giây.

991
00:49:43,930 --> 00:49:46,877
Vì vậy, chúng tôi chỉ cần đi để
làm 100 mili giây.

992
00:49:46,877 --> 00:49:48,210
Tất nhiên, hoàn toàn tùy ý.

993
00:49:48,210 --> 00:49:50,600
Nếu bạn muốn có nó để cập nhật
chậm hơn rất nhiều, bạn có thể.

994
00:49:50,600 --> 00:49:53,300
Chúng ta có thể lộn xộn xung quanh
với khoảng thời gian thiết lập,

995
00:49:53,300 --> 00:49:57,240
làm thế nào lớn khoảng thời gian của chúng tôi là sau khi chúng tôi nhận được
một đồng hồ làm việc, mà hy vọng tôi sẽ

996
00:49:57,240 --> 00:49:59,660
có được.

997
00:49:59,660 --> 00:50:04,110
Vì vậy, đây chỉ là nói, "OK, cuộc gọi
Chức năng này mỗi 100 mili giây. "

998
00:50:04,110 --> 00:50:04,805
OK?

999
00:50:04,805 --> 00:50:07,280
Đó là tất cả nó.

1000
00:50:07,280 --> 00:50:12,290
>> Vì vậy, những gì chúng ta muốn chức năng của chúng tôi để
làm là chúng tôi muốn có một số ngày

1001
00:50:12,290 --> 00:50:14,200
và một thời gian là những gì
chúng ta sẽ có.

1002
00:50:14,200 --> 00:50:19,740
Vì vậy, chúng ta có thể bắt đầu với chúng tôi
ngày bằng gì gì đó,

1003
00:50:19,740 --> 00:50:22,708
và thời gian của chúng tôi bằng một cái gì đó
mà chúng ta chưa biết.

1004
00:50:22,708 --> 00:50:26,070

1005
00:50:26,070 --> 00:50:29,300
Hoặc thực sự, chúng ta chỉ cần ngày, bởi vì
ngày sẽ bao gồm tất cả mọi thứ.

1006
00:50:29,300 --> 00:50:34,310

1007
00:50:34,310 --> 00:50:40,010
Một lần nữa, nếu bạn chỉ cần Google bất cứ điều gì về
những gì bạn muốn làm, nếu bạn viết, "OK,

1008
00:50:40,010 --> 00:50:41,980
Tôi muốn có được thời gian
thông qua JavaScript, "nó

1009
00:50:41,980 --> 00:50:45,890
sẽ cung cấp cho bạn điều này tuyệt vời
chức năng được gọi là ngày get.

1010
00:50:45,890 --> 00:50:48,664
Theo nghĩa đen, hầu hết mọi thứ
mà bạn muốn làm,

1011
00:50:48,664 --> 00:50:50,830
JavaScript là sẽ có
nó làm cho bạn rồi.

1012
00:50:50,830 --> 00:50:55,770
Vì vậy, đó là nghĩa đen như mới
có được ngày, đó là creating--

1013
00:50:55,770 --> 00:50:58,600
hoặc ngày mới, rather--
được tạo ra

1014
00:50:58,600 --> 00:51:03,690
một số đối tượng đại diện cho một ngày.

1015
00:51:03,690 --> 00:51:08,200
>> Và những gì chúng ta sẽ làm ở đây là
is-- này tôi sẽ viết này,

1016
00:51:08,200 --> 00:51:10,820
và sau đó giải thích những gì nó.

1017
00:51:10,820 --> 00:51:12,560
Vì vậy, tôi sẽ chắc chắn rằng tôi có được quyền này.

1018
00:51:12,560 --> 00:51:17,950

1019
00:51:17,950 --> 00:51:23,440
>> OK, vậy chức năng này
không có gì, đó là chúng ta chỉ

1020
00:51:23,440 --> 00:51:30,680
tạo các HTML đó là thực sự
sẽ đi trong vòng Id div của chúng ta về đồng hồ.

1021
00:51:30,680 --> 00:51:34,610
Vì vậy, điều này sẽ được làm
chỉ là tạo ra một số chuỗi, OK?

1022
00:51:34,610 --> 00:51:38,510
Lúc đó sẽ đi tới được
cấy vào HTML của chúng tôi.

1023
00:51:38,510 --> 00:51:42,130
Về cơ bản những gì nó sẽ làm là
bất cứ điều gì we-- những gì tôi sẽ chỉ cho bạn

1024
00:51:42,130 --> 00:51:49,070
là bất cứ điều gì chúng ta nói là HTML,
chúng tôi sẽ thay thế văn bản này tại đây

1025
00:51:49,070 --> 00:51:51,090
với bất cứ điều gì là HTML.

1026
00:51:51,090 --> 00:51:56,390
Vì vậy, điều này sẽ cho phép
chúng ta thay đổi đồng hồ của chúng tôi chấm

1027
00:51:56,390 --> 00:52:00,940
HTML từ được chỉ là văn bản này
nên là một chiếc đồng hồ, để thực sự hiển thị

1028
00:52:00,940 --> 00:52:05,630
những con số và những điều mà chúng tôi quan tâm
về, và thực sự là giờ.

1029
00:52:05,630 --> 00:52:09,810
>> Vì vậy, những gì chúng ta sẽ làm chúng tôi là
sẽ bắt đầu tạo ra HTML này.

1030
00:52:09,810 --> 00:52:16,520
Vì vậy, trong cùng một cách mà chúng tôi sử dụng
làm cộng bằng cho các số nguyên,

1031
00:52:16,520 --> 00:52:20,461
bây giờ bạn có thể làm điều đó cho các chuỗi,
ngoại trừ nó sẽ ghép chúng.

1032
00:52:20,461 --> 00:52:20,960
Phải không?

1033
00:52:20,960 --> 00:52:26,070
Như chúng ta đã thấy có những chấm bên js, đây chỉ
móc nối tất cả những việc này lại với nhau.

1034
00:52:26,070 --> 00:52:31,970
Vì vậy, bạn có thể nối các bit khác nhau
HTML từ các biến, hoặc bit của chuỗi

1035
00:52:31,970 --> 00:52:33,750
mà bạn viết ra
chính mình, và điều này chỉ

1036
00:52:33,750 --> 00:52:38,650
thực sự cho phép bạn tự động
tạo ra HTML, mà là khá mát mẻ.

1037
00:52:38,650 --> 00:52:42,040
Vì vậy, nếu bạn có một cái gì đó
rất dễ sử dụng cụ thể,

1038
00:52:42,040 --> 00:52:44,130
này có thể cho phép bạn làm điều đó.

1039
00:52:44,130 --> 00:52:47,550
>> Vì vậy, chúng tôi có HTML, để tôi sẽ
thử và chắc chắn rằng tôi có được quyền này.

1040
00:52:47,550 --> 00:52:49,890
Vì vậy, chúng ta sẽ làm một số tiêu đề h1.

1041
00:52:49,890 --> 00:52:53,610
Vì vậy, điều quan trọng để nhận ra đây
là điều này thực sự chỉ là HTML.

1042
00:52:53,610 --> 00:52:54,460
Phải không?

1043
00:52:54,460 --> 00:52:56,610
Chúng tôi viết thực tế
HTML code ở đây, đó là

1044
00:52:56,610 --> 00:53:01,090
không chỉ là một chuỗi trong bình thường
cách mà chúng ta sẽ nghĩ về nó.

1045
00:53:01,090 --> 00:53:02,930
Vì vậy, chúng tôi có một số mã HTML.

1046
00:53:02,930 --> 00:53:04,940
Đây được xem là một chuỗi ở đây mặc dù.

1047
00:53:04,940 --> 00:53:10,380
Và chúng tôi làm ngày dot-- chúng tôi
muốn có được giờ của chúng tôi.

1048
00:53:10,380 --> 00:53:12,910
Một lần nữa, nếu bạn nhìn
lên bất cứ điều gì về ngày tháng,

1049
00:53:12,910 --> 00:53:16,160
nó sẽ cho bạn biết đây là tất cả
các thuộc tính ngày mà có.

1050
00:53:16,160 --> 00:53:17,670
Và đây là những gì bạn có thể sử dụng trên nó.

1051
00:53:17,670 --> 00:53:20,620
Vì vậy, nó có thể có những thứ như
có được giờ, và có được phút,

1052
00:53:20,620 --> 00:53:24,669
và có được giây, và nhận được phần nghìn giây,
và ai biết được những gì khác mà họ có.

1053
00:53:24,669 --> 00:53:27,210
Nhưng nếu bạn nhìn vào
tài liệu, tất cả sẽ được ở đó.

1054
00:53:27,210 --> 00:53:31,980
>> Vì vậy, chúng tôi đã nhận được giờ,
và sau đó chúng ta sẽ muốn

1055
00:53:31,980 --> 00:53:35,614
tiếp nhau mà with-- tôi
sẽ di chuyển này trên đây.

1056
00:53:35,614 --> 00:53:38,780
Vì vậy, nếu chúng ta đang tạo ra ngay bây giờ, chúng tôi
thực sự tạo ra thời gian, phải không?

1057
00:53:38,780 --> 00:53:43,590
Chúng tôi có giờ, và sau đó là những gì
giữa giờ và phút?

1058
00:53:43,590 --> 00:53:45,080
Bạn có một dấu chấm phẩy, phải không?

1059
00:53:45,080 --> 00:53:48,010
Vì vậy, chúng tôi muốn làm một số dấu chấm phẩy ở đây.

1060
00:53:48,010 --> 00:53:51,780
Và sau đó, chúng tôi muốn có được của chúng tôi
phút, do đó trong cùng một cách

1061
00:53:51,780 --> 00:53:56,450
mà chúng ta có ngày chấm có được giờ,
làm thế nào chúng ta có thể có được phút của chúng tôi?

1062
00:53:56,450 --> 00:54:01,542
Đó là nghĩa đen ngày chấm được
phút, mà tôi thích loại.

1063
00:54:01,542 --> 00:54:03,250
Nó giống như, "oh, làm thế nào
Tôi có được phút của tôi? "

1064
00:54:03,250 --> 00:54:05,850
Tôi chỉ có được phút của tôi.

1065
00:54:05,850 --> 00:54:07,500
>> OK.

1066
00:54:07,500 --> 00:54:10,990
Và sau đó chúng tôi có ruột khác ở đây.

1067
00:54:10,990 --> 00:54:16,350
Và sau đó, nếu chúng ta muốn có được của chúng tôi
giây, làm thế nào chúng ta có thể có được thứ hai của chúng tôi?

1068
00:54:16,350 --> 00:54:17,400
Ngày chấm có được giây.

1069
00:54:17,400 --> 00:54:20,390

1070
00:54:20,390 --> 00:54:21,590
Tôi nghĩ rằng nó là khá mát mẻ.

1071
00:54:21,590 --> 00:54:23,589
Và điều quan trọng để
nhận ra, là chúng tôi cũng

1072
00:54:23,589 --> 00:54:31,730
cần phải đóng tag HTML của chúng tôi ở đây, bởi vì
nó vẫn cần được HTML hợp lệ, vì h1.

1073
00:54:31,730 --> 00:54:33,481
Cool.

1074
00:54:33,481 --> 00:54:43,110
>> Vì vậy, sau đó, chúng ta có thể làm đồng hồ
dot HTML bên trong là bằng HTML.

1075
00:54:43,110 --> 00:54:43,930
OK?

1076
00:54:43,930 --> 00:54:46,470
Vì vậy, hãy nhớ làm thế nào tôi nói
HTML bên trong cơ bản

1077
00:54:46,470 --> 00:54:50,610
mất bất cứ điều gì là giữa
hai thẻ mà chúng tôi nói chuyện về

1078
00:54:50,610 --> 00:54:54,470
và chèn hoặc thao túng
bất cứ điều gì trong đó?

1079
00:54:54,470 --> 00:54:58,290
Vì vậy, điều này không, nếu
chúng ta trở lại đồng hồ của chúng tôi,

1080
00:54:58,290 --> 00:55:04,180
là đồng hồ đề cập đến
tất cả mọi thứ trong div này.

1081
00:55:04,180 --> 00:55:09,770
Đây là bên trong HTML
của đồng hồ này div Id.

1082
00:55:09,770 --> 00:55:13,930
Và do đó, nó sẽ thay đổi nó để
HTML mà chúng ta vừa tạo ra,

1083
00:55:13,930 --> 00:55:16,750
mà, trong đó, hy vọng,
hy vọng, hy vọng,

1084
00:55:16,750 --> 00:55:21,026
sẽ hiển thị thời gian ngay bây giờ.

1085
00:55:21,026 --> 00:55:23,960
Chúng ta sẽ thấy.

1086
00:55:23,960 --> 00:55:25,170
Tất nhiên.

1087
00:55:25,170 --> 00:55:26,860
Vì vậy, nhiều vấn đề kỹ thuật.

1088
00:55:26,860 --> 00:55:31,480
Just-- Allison của tôi
off game ngày nay kẻ tôi.

1089
00:55:31,480 --> 00:55:34,136
OK, mà làm việc.

1090
00:55:34,136 --> 00:55:35,760
đồng hồ chấm HTML bên trong.

1091
00:55:35,760 --> 00:55:42,097
Đó là HTML Really?

1092
00:55:42,097 --> 00:55:43,180
Ngoài ra đây là những gì sẽ xảy ra.

1093
00:55:43,180 --> 00:55:48,750
Khi bạn không thể nhìn thấy một cái gì đó bạn,
chỉ cần nhìn vào mã nguồn của bạn.

1094
00:55:48,750 --> 00:55:49,250
OK.

1095
00:55:49,250 --> 00:55:51,912

1096
00:55:51,912 --> 00:55:54,870
Bạn có muốn biết một công trình xung quanh mát mẻ
rằng chúng ta sẽ làm ngay bây giờ?

1097
00:55:54,870 --> 00:55:55,740
>> Đung bạn có thể làm chữ viết hoa?

1098
00:55:55,740 --> 00:55:56,580
Các chữ viết hoa?

1099
00:55:56,580 --> 00:55:58,996
Bởi vì bạn có được giờ,
và sau đó nhận được phút.

1100
00:55:58,996 --> 00:56:02,590
>> ALLISON BUCHHOLTZ-AU: Nó
là có được giờ và get-- oh.

1101
00:56:02,590 --> 00:56:04,945
Bạn are-- sao vàng.

1102
00:56:04,945 --> 00:56:08,114

1103
00:56:08,114 --> 00:56:09,030
Đó là tất cả một thử nghiệm, guys.

1104
00:56:09,030 --> 00:56:13,630

1105
00:56:13,630 --> 00:56:17,330
Tôi hứa nó đã làm việc trước khi đến lớp.

1106
00:56:17,330 --> 00:56:22,590
>> OK, nhưng một cái gì đó mát mẻ để biết là
mà bạn có thể also-- nếu đôi khi

1107
00:56:22,590 --> 00:56:26,560
tập tin bên ngoài của bạn
nhận được một chút điên rồ,

1108
00:56:26,560 --> 00:56:30,960
bạn cũng có thể chỉ cần đặt chúng thẳng
ở đây, mà có xu hướng để khắc phục điều này.

1109
00:56:30,960 --> 00:56:35,840
Ngoại trừ điều này cũng giống như thực sự xấu xí.

1110
00:56:35,840 --> 00:56:38,050
Tất nhiên định dạng tất cả mọi thứ.

1111
00:56:38,050 --> 00:56:41,425
Hãy chắc chắn rằng đó là tất cả khá.

1112
00:56:41,425 --> 00:56:41,925
OK.

1113
00:56:41,925 --> 00:56:47,200

1114
00:56:47,200 --> 00:56:50,621
>> Tôi muốn làm tất cả những trình diễn mát mẻ,
và họ chỉ cần không làm việc ra.

1115
00:56:50,621 --> 00:56:51,555
OK.

1116
00:56:51,555 --> 00:56:53,890
Script var đồng hồ.

1117
00:56:53,890 --> 00:57:00,350
Anyways, điều quan trọng là
rằng đây là cách nói chung

1118
00:57:00,350 --> 00:57:01,870
mà bạn sẽ định dạng JavaScript.

1119
00:57:01,870 --> 00:57:04,490
Như bạn có thể thấy, nó có thể được
rất khó tính đôi khi,

1120
00:57:04,490 --> 00:57:08,780
ngay cả khi nó là nghĩa đen
làm việc hai giây.

1121
00:57:08,780 --> 00:57:11,820
Hoặc không phải là hai thứ hai trước,
nhưng rất, rất gần đây.

1122
00:57:11,820 --> 00:57:16,070
>> Vì vậy, để cho bạn thấy những gì nó sẽ giống như thế,
và để cho bạn thấy rằng tôi không điên,

1123
00:57:16,070 --> 00:57:19,730
và rằng tất cả mọi thứ là chính xác
cùng, đây là những gì nó sẽ giống như thế.

1124
00:57:19,730 --> 00:57:27,410
Bạn chỉ cần đi làm phần đầu này
ở đây, và nếu bạn xem mã nguồn trang,

1125
00:57:27,410 --> 00:57:32,160
nếu bạn thông báo, ông đã làm một số
điều điên rồ, tôi đơn giản hóa nó.

1126
00:57:32,160 --> 00:57:35,710
Ngoài ra, tín dụng cho Tommy
McWilliam, những người thực sự

1127
00:57:35,710 --> 00:57:38,810
đã giúp tôi tạo ra những ví dụ này,
đó là lý do tại sao tôi biết họ làm việc.

1128
00:57:38,810 --> 00:57:41,560
Bởi vì Tommy là một bậc thầy JavaScript.

1129
00:57:41,560 --> 00:57:43,180
Nhưng nếu chúng ta để ý, chúng tôi có một số thiết lập.

1130
00:57:43,180 --> 00:57:45,170
Chúng tôi có chức năng đồng hồ của chúng tôi ở đây.

1131
00:57:45,170 --> 00:57:48,450
Đây là tất cả các JavaScript
chúng tôi chỉ viết, hoặc một số của nó.

1132
00:57:48,450 --> 00:57:51,470
Chúng tôi chỉ viết này ngay tại đây.

1133
00:57:51,470 --> 00:57:54,260
Và anh có thêm
chức năng mà chỉ là miếng nó

1134
00:57:54,260 --> 00:57:57,790
bằng cách đặt một số không trước khi một
thư hoặc trước một số nếu nó

1135
00:57:57,790 --> 00:57:59,412
chỉ một trong số họ.

1136
00:57:59,412 --> 00:58:02,120
Vì vậy, nếu bạn chú ý, điều này là khá
nhiều chính xác những gì chúng tôi chỉ viết.

1137
00:58:02,120 --> 00:58:06,230
Bạn có một số đồng hồ biến
có yếu tố của chúng tôi, có phần tử bằng ID,

1138
00:58:06,230 --> 00:58:07,252
đó là đồng hồ.

1139
00:58:07,252 --> 00:58:08,960
Chúng tôi có khoảng thời gian thiết lập của chúng tôi
chức năng, đó là

1140
00:58:08,960 --> 00:58:12,670
một chức năng ẩn danh
mà thực hiện tất cả những điều này.

1141
00:58:12,670 --> 00:58:16,940
Chúng tôi đã bắt đầu một chuỗi các
HTML mà chúng ta sau đó tự động

1142
00:58:16,940 --> 00:58:20,750
tạo ra bởi có một số
tiêu đề h1, việc ghép

1143
00:58:20,750 --> 00:58:23,950
có được những giờ, cộng với
ruột của chúng tôi, cộng với nhận

1144
00:58:23,950 --> 00:58:26,860
phút, cộng thêm
ruột già, cộng với giây của chúng tôi,

1145
00:58:26,860 --> 00:58:29,330
và cuối cùng là kết thúc HTML cho nó.

1146
00:58:29,330 --> 00:58:34,210
Và sau đó chúng tôi cập nhật đồng hồ của chúng tôi
chấm HTML bên trong để HTML,

1147
00:58:34,210 --> 00:58:37,640
và chúng tôi cập nhật mỗi 100 mili giây.

1148
00:58:37,640 --> 00:58:39,060
OK?

1149
00:58:39,060 --> 00:58:42,470
>> Xem Tôi hứa tôi không điên.

1150
00:58:42,470 --> 00:58:43,440
Tôi không biết.

1151
00:58:43,440 --> 00:58:47,160
Tôi không biết lý do tại sao nó không thích tôi.

1152
00:58:47,160 --> 00:58:54,030
Tôi cảm thấy như có vẻ giống nhau,
nhưng dường như nó ghét tôi.

1153
00:58:54,030 --> 00:58:59,600
>> Vì vậy, chúng ta hãy xem nếu vòng ba đi tốt hơn.

1154
00:58:59,600 --> 00:59:00,970
Chúng tôi về để xem.

1155
00:59:00,970 --> 00:59:02,910
Tôi không chắc chắn cách này sẽ đi.

1156
00:59:02,910 --> 00:59:06,700
Được tất cả mọi người ít nhất nhận được sự
nhược điểm, như chỉ là chủ đề chung

1157
00:59:06,700 --> 00:59:08,480
JavaScript, mặc dù?

1158
00:59:08,480 --> 00:59:15,660
Tôi hy vọng rằng ít nhất hữu ích, nhiều
hơn cho thấy rằng nó là một chút khó tính.

1159
00:59:15,660 --> 00:59:21,190
Nhưng bộ vấn đề của bạn sẽ rất vui vẻ.

1160
00:59:21,190 --> 00:59:22,590
Nó sẽ là tuyệt vời.

1161
00:59:22,590 --> 00:59:24,820
Nó sẽ không được khá tẻ nhạt
như thế này, tôi không nghĩ.

1162
00:59:24,820 --> 00:59:28,100
Bạn thực sự sẽ nhận được
nhìn thấy những điều thực sự mát mẻ.

1163
00:59:28,100 --> 00:59:31,734
>> Vì vậy, cuối cùng nhưng không kém,
chúng ta sẽ thử một Twitter.

1164
00:59:31,734 --> 00:59:32,900
Tôi thực sự sợ hãi bây giờ, guys.

1165
00:59:32,900 --> 00:59:35,762
Tôi không biết làm thế nào điều này sẽ đi.

1166
00:59:35,762 --> 00:59:39,930
Nhưng chỉ để cung cấp cho bạn một chút
hương vị hơn, và điều này là thực sự

1167
00:59:39,930 --> 00:59:44,190
chuỗi các thao tác và
đầu vào, những gì chúng tôi đang đi làm

1168
00:59:44,190 --> 00:59:50,960
là, nếu chúng ta nhận thấy ở đây với HTML--
này có một chút more--

1169
00:59:50,960 --> 00:59:57,200
chúng tôi có một số diện tích văn bản, trong đó
tương ứng với vùng văn bản này tại đây.

1170
00:59:57,200 --> 00:59:58,030
OK?

1171
00:59:58,030 --> 01:00:00,420
Và có một ID của văn bản.

1172
01:00:00,420 --> 01:00:04,520
Chúng tôi đã ẩn nó một chút
với một số chiều rộng và chiều cao

1173
01:00:04,520 --> 01:00:07,310
mà chúng tôi đã xác định trước,
và chúng tôi đã h1,

1174
01:00:07,310 --> 01:00:11,260
đó chỉ là một trong những tiêu đề của chúng tôi
đại diện cho nhân vật của mình lại.

1175
01:00:11,260 --> 01:00:14,570
Chúng tôi đã cho nó một số Id của
nhân vật còn lại,

1176
01:00:14,570 --> 01:00:18,660
và sau đó chúng tôi có một số kịch bản
ở đây, mà tôi thực sự

1177
01:00:18,660 --> 01:00:20,790
hy vọng lần thứ ba của
sự quyến rũ ở đây, guys.

1178
01:00:20,790 --> 01:00:26,750
>> Vì vậy, những gì chúng tôi muốn làm,
trong tĩnh mạch chung giống nhau

1179
01:00:26,750 --> 01:00:31,480
mà chúng tôi đã thực hiện với đồng hồ dot js
và chấm bên js như chúng ta đã thấy,

1180
01:00:31,480 --> 01:00:35,980
là chúng ta đã bắt đầu bằng cách thực sự grabbing
những điều mà chúng tôi quan tâm, phải không?

1181
01:00:35,980 --> 01:00:42,330
Vì vậy, trong trường hợp này, có hai
những điều mà chúng tôi quan tâm, OK?

1182
01:00:42,330 --> 01:00:47,199
Một điều mà chúng tôi thực sự loại
nhìn vào và vẽ dữ liệu từ,

1183
01:00:47,199 --> 01:00:48,990
và một điều rằng
chúng tôi đang thực sự thay đổi.

1184
01:00:48,990 --> 01:00:52,110

1185
01:00:52,110 --> 01:00:53,730
Vì vậy, có HTML của chúng tôi.

1186
01:00:53,730 --> 01:01:00,370
Nếu đây là trang web của chúng tôi ở đây, có chuyện gì
các dữ liệu mà chúng tôi đang tìm kiếm?

1187
01:01:00,370 --> 01:01:03,860
Nó sẽ là bất cứ điều gì
các văn bản trong hộp của chúng tôi, phải không?

1188
01:01:03,860 --> 01:01:05,310
Vì vậy, bất cứ điều gì tôi gõ vào đây.

1189
01:01:05,310 --> 01:01:08,150
Đó là những gì tôi muốn biết, hoặc
đó là những gì tôi muốn xem xét.

1190
01:01:08,150 --> 01:01:10,690
Và những gì sẽ là
thay đổi trên trang web của chúng tôi?

1191
01:01:10,690 --> 01:01:13,550

1192
01:01:13,550 --> 01:01:14,880
Các nhân vật còn lại.

1193
01:01:14,880 --> 01:01:19,550
Vì vậy, trong cùng một cách, chúng ta muốn
bắt đầu bằng cách khởi tạo các biến

1194
01:01:19,550 --> 01:01:22,030
mà thực sự giữ được những yếu tố này.

1195
01:01:22,030 --> 01:01:22,890
OK?

1196
01:01:22,890 --> 01:01:29,930
Vì vậy, nếu chúng ta có một số var
đó là vùng văn bản của chúng tôi,

1197
01:01:29,930 --> 01:01:33,681
và chúng tôi có một số var được còn lại.

1198
01:01:33,681 --> 01:01:34,180
Phải không?

1199
01:01:34,180 --> 01:01:36,190
Vì vậy, những sẽ
giữ hai điều này.

1200
01:01:36,190 --> 01:01:42,370
Vì vậy, cùng một loại điều,
tài liệu dot-- OK, tôi

1201
01:01:42,370 --> 01:01:45,920
sẽ đảm bảo rằng đây là
đi làm việc lần này.

1202
01:01:45,920 --> 01:01:49,620
Tôi rất cương quyết.

1203
01:01:49,620 --> 01:01:53,310
OK, vì vậy nếu chúng ta muốn chúng tôi
vùng văn bản, theo

1204
01:01:53,310 --> 01:01:55,710
để HTML của chúng tôi, định danh của chúng ta là gì?

1205
01:01:55,710 --> 01:01:56,420
Id của chúng tôi là gì?

1206
01:01:56,420 --> 01:01:59,500

1207
01:01:59,500 --> 01:02:05,540
Nó chỉ có được văn bản vì
điều này tạo ra khu vực văn bản của chúng tôi, OK,

1208
01:02:05,540 --> 01:02:10,320
và Id của chúng tôi là văn bản, do đó
làm thế nào chúng ta có thể lấy những gì trong đó.

1209
01:02:10,320 --> 01:02:12,130
OK, dấu chấm phẩy.

1210
01:02:12,130 --> 01:02:13,940
Tôi sẽ được siêu
chính xác về điều này,

1211
01:02:13,940 --> 01:02:16,300
bởi vì tôi muốn điều này để làm việc lần này.

1212
01:02:16,300 --> 01:02:22,120
OK, làm điều tương tự,
lấy phần tử bằng Id.

1213
01:02:22,120 --> 01:02:25,970
Tôi thật sự tự hỏi những gì có
gây ra hai người kia để gây rối.

1214
01:02:25,970 --> 01:02:29,750
OK, sau đó trong một này,
những gì chúng ta muốn truy cập?

1215
01:02:29,750 --> 01:02:30,760
Id của chúng tôi ở đây là gì?

1216
01:02:30,760 --> 01:02:33,980

1217
01:02:33,980 --> 01:02:36,261
Chúng tôi có một Id trong
HTML của chúng tôi, nó là gì?

1218
01:02:36,261 --> 01:02:37,552
Đung Ký tự còn lại.

1219
01:02:37,552 --> 01:02:39,343
ALLISON BUCHHOLTZ-AU:
Ký tự còn lại.

1220
01:02:39,343 --> 01:02:43,360

1221
01:02:43,360 --> 01:02:44,330
>> OK.

1222
01:02:44,330 --> 01:02:46,010
Cool.

1223
01:02:46,010 --> 01:02:49,800
Vì vậy, tôi chỉ cần đi tới
viết này thực sự nhanh chóng.

1224
01:02:49,800 --> 01:02:53,706

1225
01:02:53,706 --> 01:02:55,330
Tôi chỉ cần đi để viết điều này trong lần thứ hai.

1226
01:02:55,330 --> 01:02:56,190
Vì vậy, khu vực văn bản.

1227
01:02:56,190 --> 01:02:59,550

1228
01:02:59,550 --> 01:03:06,180
B function-- có gì thú vị là
rất nhiều chức năng mà không phải chỉ

1229
01:03:06,180 --> 01:03:09,690
tương ứng với bạn
chuột, nhưng bàn phím của bạn.

1230
01:03:09,690 --> 01:03:10,190
OK?

1231
01:03:10,190 --> 01:03:16,540
Vì vậy, bạn có thể nói khi nào chính là
nhấn, bạn có thể làm những việc như thế.

1232
01:03:16,540 --> 01:03:20,450
Vì vậy mà chúng ta đang sử dụng
được gọi là trên phím lên, mà

1233
01:03:20,450 --> 01:03:25,320
nói, "nếu bạn nhấn phím bất kỳ trên
bàn phím của bạn, khi người dùng đã nâng lên

1234
01:03:25,320 --> 01:03:28,064
ngón tay của họ ra khỏi nút đó,
và quan trọng đã trở thành unpressed,

1235
01:03:28,064 --> 01:03:29,480
sau đó chúng ta sẽ làm điều gì đó. "

1236
01:03:29,480 --> 01:03:29,980
OK?

1237
01:03:29,980 --> 01:03:31,370
Vì vậy, điều này làm cho ý nghĩa, phải không?

1238
01:03:31,370 --> 01:03:33,540
Bởi vì mỗi nhân vật
chúng tôi loại, chúng ta đang đi

1239
01:03:33,540 --> 01:03:36,550
phải nhấc ngón tay của chúng tôi ra
của nó, vì vậy khi phím đi lên,

1240
01:03:36,550 --> 01:03:40,980
chúng ta có thể biết để giảm giá trị
nhân vật của chúng ta còn lại.

1241
01:03:40,980 --> 01:03:44,440
>> Vì vậy, chúng tôi có một số ngày quan trọng
lên, và trong cùng một cách,

1242
01:03:44,440 --> 01:03:47,480
chúng ta sẽ nói,
"OK, khi chúng ta làm điều đó, chúng tôi

1243
01:03:47,480 --> 01:03:55,110
sẽ tạo ra một số chức năng mà
là sẽ mất e, "trong trường hợp này,

1244
01:03:55,110 --> 01:03:58,800
và những gì chúng tôi muốn làm là
tính toán số còn lại.

1245
01:03:58,800 --> 01:04:02,510
OK, vì vậy chúng ta hãy chỉ bắt đầu
bằng cách tạo ra một biến.

1246
01:04:02,510 --> 01:04:05,830
Vì vậy, chúng tôi có một số biến r,
đó là sẽ đại diện

1247
01:04:05,830 --> 01:04:07,720
chúng tôi đã bỏ bao nhiêu ký tự.

1248
01:04:07,720 --> 01:04:08,890
OK?

1249
01:04:08,890 --> 01:04:14,540
Chúng tôi biết rằng chúng tôi bắt đầu với
140, và nếu chúng ta muốn biết,

1250
01:04:14,540 --> 01:04:18,360
hãy nói, chiều dài này
chuỗi đó là được đầu vào,

1251
01:04:18,360 --> 01:04:20,860
làm bạn có bất kỳ ý tưởng
làm thế nào chúng ta có thể làm điều đó?

1252
01:04:20,860 --> 01:04:23,900
Chỉ cần dựa tắt của rõ ràng
điều, nếu như chúng ta muốn giờ,

1253
01:04:23,900 --> 01:04:25,870
chúng tôi sử dụng có được giờ.

1254
01:04:25,870 --> 01:04:28,860
Chúng tôi biết rằng đối tượng của chúng tôi là
vùng văn bản, nhưng bạn có thể kẻ

1255
01:04:28,860 --> 01:04:33,050
nghĩ về những gì có thể đi sau nó?

1256
01:04:33,050 --> 01:04:35,280
Bất cứ ý tưởng?

1257
01:04:35,280 --> 01:04:41,730
>> Vì vậy, loại cái này thì ít
trực quan, nhưng giá trị của nó dot dài.

1258
01:04:41,730 --> 01:04:44,700
Vì vậy, chỉ cho tôi một số
Thuộc tính giá trị đó

1259
01:04:44,700 --> 01:04:46,500
thực sự là chiều dài của chuỗi này.

1260
01:04:46,500 --> 01:04:50,340
Vì vậy, nó sẽ nói, "OK, tôi đang tìm
tại toàn bộ chuỗi này trong vùng văn bản,

1261
01:04:50,340 --> 01:04:52,730
và tôi sẽ nói với
bạn bao lâu rồi. "

1262
01:04:52,730 --> 01:04:55,500
Bởi vì nếu chúng ta nhớ chuỗi
thực sự chỉ là mảng,

1263
01:04:55,500 --> 01:04:58,110
vì vậy chúng tôi chỉ có thể đi theo chiều dài của chúng.

1264
01:04:58,110 --> 01:05:01,860
Vì vậy, chúng tôi có điều đó.

1265
01:05:01,860 --> 01:05:04,058
Cool.

1266
01:05:04,058 --> 01:05:09,360
>> Sau đó, những gì chúng tôi muốn làm là chúng tôi
không bao giờ muốn để cho phép người sử dụng

1267
01:05:09,360 --> 01:05:12,340
để đầu vào hơn
140 ký tự, phải không?

1268
01:05:12,340 --> 01:05:15,610
Bởi vì nếu chúng ta nói như thế, "oh, bạn
chỉ còn lại có bấy nhiêu, "

1269
01:05:15,610 --> 01:05:20,522
và sau đó cho phép họ làm điều đó
anyways, chúng tôi đã nói dối.

1270
01:05:20,522 --> 01:05:22,230
Và đây là một
điều mà JavaScript

1271
01:05:22,230 --> 01:05:24,530
có thể được thực sự tốt
cho, là xác nhận người dùng

1272
01:05:24,530 --> 01:05:29,062
và đảm bảo rằng bạn
người sử dụng có phù hợp với bất kỳ quy tắc

1273
01:05:29,062 --> 01:05:30,270
mà bạn đã cung cấp cho họ.

1274
01:05:30,270 --> 01:05:36,020
Vì vậy, nếu bạn muốn làm những việc như làm
chắc rằng ai đó nhập vào địa chỉ email của họ,

1275
01:05:36,020 --> 01:05:40,242
hoặc đảm bảo rằng khi họ
nhập hai mật khẩu, họ xuất hiện.

1276
01:05:40,242 --> 01:05:41,200
JavaScript có thể làm điều đó.

1277
01:05:41,200 --> 01:05:44,010
Bạn sẽ làm một cái gì đó như thế, "khi
các mẫu được gửi, "hay như thế,

1278
01:05:44,010 --> 01:05:48,170
"Khi nút Submit Form là
nhấn vào, kiểm tra tất cả những điều này. "

1279
01:05:48,170 --> 01:05:49,670
Và chúng ta có thể làm điều đó JavaScript.

1280
01:05:49,670 --> 01:05:52,680
Vì vậy, đó chỉ là những gì
chúng ta sẽ làm ở đây.

1281
01:05:52,680 --> 01:05:57,810
>> Vì vậy, những gì có thể là một cách để kiểm tra xem
họ đã vượt quá 140 ký tự?

1282
01:05:57,810 --> 01:06:03,310
Chuyện gì sẽ xảy ra với
giá trị của chúng ta về r nếu họ cố gắng?

1283
01:06:03,310 --> 01:06:04,760
Nó sẽ là tiêu cực, phải không?

1284
01:06:04,760 --> 01:06:07,380
Hoặc nó sẽ ít
hơn hoặc bằng số không.

1285
01:06:07,380 --> 01:06:13,690
Vì vậy, chúng ta có thể sử dụng một nếu đó là
giống như mọi thứ khác.

1286
01:06:13,690 --> 01:06:14,270
OK?

1287
01:06:14,270 --> 01:06:20,480
Và chúng tôi có một số diện tích văn bản chấm
giá trị, và những gì chúng tôi đang làm ở đây

1288
01:06:20,480 --> 01:06:29,940
là chúng tôi chỉ cutting-- nó là gì?

1289
01:06:29,940 --> 01:06:30,900
Xin lỗi.

1290
01:06:30,900 --> 01:06:32,732
Điều này, chúng tôi chỉ muốn trả về false.

1291
01:06:32,732 --> 01:06:34,030
Tôi đã nhầm lẫn.

1292
01:06:34,030 --> 01:06:36,560
Tất cả frazzled từ những thứ không làm việc.

1293
01:06:36,560 --> 01:06:40,010
OK, chúng tôi chỉ muốn
return false, và sau đó chúng tôi

1294
01:06:40,010 --> 01:06:44,160
muốn hiển thị
nhân vật còn lại, phải không?

1295
01:06:44,160 --> 01:06:48,720
Vì vậy, với các đồng hồ, chúng tôi đã làm
một cái gì đó với HTML bên trong, phải không?

1296
01:06:48,720 --> 01:06:52,070
Nơi chúng tôi đặt nó bằng với số
biến, vì vậy những gì chúng tôi có thể làm gì đây?

1297
01:06:52,070 --> 01:06:54,590

1298
01:06:54,590 --> 01:06:57,750
Chúng ta đang thay đổi HTML bên trong?

1299
01:06:57,750 --> 01:07:02,843

1300
01:07:02,843 --> 01:07:03,780
>> Đung còn lại?

1301
01:07:03,780 --> 01:07:05,738
>> ALLISON BUCHHOLTZ-AU:
Chúng tôi đang thay đổi còn lại.

1302
01:07:05,738 --> 01:07:09,217

1303
01:07:09,217 --> 01:07:11,300
Tất cả phải, và làm những gì chúng tôi
muốn thiết lập nó bằng?

1304
01:07:11,300 --> 01:07:14,440

1305
01:07:14,440 --> 01:07:18,437
Nó sẽ là r, vì đó
nên nhân vật của chúng ta còn lại.

1306
01:07:18,437 --> 01:07:19,600
OK?

1307
01:07:19,600 --> 01:07:26,060
Vì vậy, tôi thực sự lo lắng để xem
các công trình này, nhưng chúng ta sẽ thấy.

1308
01:07:26,060 --> 01:07:28,960

1309
01:07:28,960 --> 01:07:29,460
Để lại này.

1310
01:07:29,460 --> 01:07:34,690

1311
01:07:34,690 --> 01:07:37,700
Đó là thực sự nhanh chóng.

1312
01:07:37,700 --> 01:07:38,970
[Không nghe thấy] OK.

1313
01:07:38,970 --> 01:07:44,574

1314
01:07:44,574 --> 01:07:45,990
Một lần nữa, tôi chỉ cần đi để cho bạn thấy.

1315
01:07:45,990 --> 01:07:49,430
Đối với bất cứ lý do nào,
tôi quyết định không làm việc,

1316
01:07:49,430 --> 01:07:53,354
nhưng những gì tôi sẽ cho bạn thấy là điều này
is-- oh tôi phải đặt trong.

1317
01:07:53,354 --> 01:07:57,470
OK, chúng ta nhận thấy cùng một loại
điều ở đây, nhận được các vùng văn bản.

1318
01:07:57,470 --> 01:08:01,070
>> Ngoài ra, nếu bạn thông báo anh chàng, nếu có
bao giờ cái gì bạn muốn làm,

1319
01:08:01,070 --> 01:08:04,080
và bạn không biết làm thế nào để làm
nó, chỉ cần nhấp vào View Page Source,

1320
01:08:04,080 --> 01:08:06,632
và họ sẽ cho bạn biết.

1321
01:08:06,632 --> 01:08:07,840
Đôi khi nó sẽ được mã hóa.

1322
01:08:07,840 --> 01:08:11,147
Đối pset của bạn, chúng tôi mã hóa tất cả mọi thứ,
vì vậy nó chỉ giống như vô nghĩa.

1323
01:08:11,147 --> 01:08:13,480
Nhưng nếu có bao giờ là một thực sự
trang web mát mẻ mà bạn thích,

1324
01:08:13,480 --> 01:08:17,729
nếu bạn chỉ cần nhấp vào View Page Source,
nó sẽ cho bạn biết làm thế nào để làm điều đó.

1325
01:08:17,729 --> 01:08:20,770
Vì vậy, một lần nữa, làm việc thông minh hơn, không khó khăn hơn.

1326
01:08:20,770 --> 01:08:24,250
Và như bạn thấy ở đây, tất cả các
những điều này đều giống nhau.

1327
01:08:24,250 --> 01:08:31,930
này ở đây chỉ mất một số chuỗi con
đó, tôi quên chính xác điều này không.

1328
01:08:31,930 --> 01:08:36,980
Nhưng rõ ràng là có một số chuỗi con
giá trị từ số không đến mười,

1329
01:08:36,980 --> 01:08:41,540
và trả về false gì nên dừng lại
người sử dụng từ nhập nữa,

1330
01:08:41,540 --> 01:08:46,040
và sau đó rõ ràng cập nhật
HTML bên trong đó.

1331
01:08:46,040 --> 01:08:47,410
>> Cool.

1332
01:08:47,410 --> 01:08:53,000
Aways take quá lớn từ ngày hôm nay,
thí nghiệm, nhìn vào mã nguồn

1333
01:08:53,000 --> 01:08:58,359
bởi vì nó sẽ giúp bạn rất nhiều,
và tất cả mọi người, đôi khi JavaScript

1334
01:08:58,359 --> 01:09:03,200
có thể được khó khăn để làm việc với và không
luôn luôn làm việc theo cách bạn mong đợi nó,

1335
01:09:03,200 --> 01:09:05,700
nhưng chỉ cần giữ cố
vì tôi hứa nó sẽ.

1336
01:09:05,700 --> 01:09:08,376
Tôi hứa với tất cả các ví dụ
đã làm việc trước khi đến lớp.

1337
01:09:08,376 --> 01:09:09,750
Tôi không hiểu những gì đã xảy ra.

1338
01:09:09,750 --> 01:09:13,069
Tôi nghĩa là có tất cả mọi thứ giống nhau.

1339
01:09:13,069 --> 01:09:17,660
>> Một điều nữa mà tôi chỉ muốn
cho mọi người thấy rằng có thể được siêu hữu ích

1340
01:09:17,660 --> 01:09:21,630
in-- được những gì đã làm việc trước?

1341
01:09:21,630 --> 01:09:23,935
Chúng tôi đã nhận bên để làm việc, phải không?

1342
01:09:23,935 --> 01:09:26,569
Tôi nghĩ như vậy.

1343
01:09:26,569 --> 01:09:27,069
Vâng.

1344
01:09:27,069 --> 01:09:27,630
Chúng tôi đã làm.

1345
01:09:27,630 --> 01:09:28,250
Awesome.

1346
01:09:28,250 --> 01:09:31,189
OK, vì vậy có một điều mà
các bạn nên biết

1347
01:09:31,189 --> 01:09:33,340
là các bản ghi giao diện mà tôi đã nói.

1348
01:09:33,340 --> 01:09:37,040
Vì vậy, an ủi dot log của hello.

1349
01:09:37,040 --> 01:09:40,430
Vì vậy, đây là loại của
JavaScript tương đương printf.

1350
01:09:40,430 --> 01:09:42,810
Vì vậy, nếu bạn đã bao giờ muốn
kiểm tra các biến của bạn

1351
01:09:42,810 --> 01:09:49,649
hoặc xem những gì đang xảy ra ở đó, những gì
bạn có thể làm là, nếu chúng ta kiểm tra nguyên tố,

1352
01:09:49,649 --> 01:09:51,899
là những gì bạn muốn
đến, và bạn đi đến an ủi,

1353
01:09:51,899 --> 01:09:53,770
bạn sẽ thấy rằng nó in hello.

1354
01:09:53,770 --> 01:09:55,750
>> Vì vậy, chúng ta có thể có nó
in bất cứ điều gì chúng tôi muốn.

1355
01:09:55,750 --> 01:10:04,170
Nếu chúng ta muốn có nó để in nền
dot dot phong cách nền,

1356
01:10:04,170 --> 01:10:08,454
chúng ta sẽ có thể thấy
RGB ba mà đi lên.

1357
01:10:08,454 --> 01:10:11,140
Hay không.

1358
01:10:11,140 --> 01:10:13,520
Tôi quên chính xác cách bạn
in một biến như thế,

1359
01:10:13,520 --> 01:10:17,249
nhưng bạn sẽ có thể
in ra những điều như thế.

1360
01:10:17,249 --> 01:10:19,040
Điều đó sẽ rất hữu ích
cho pset của bạn khi

1361
01:10:19,040 --> 01:10:23,330
bạn đang cố gắng để thao tác
tọa độ hay không có điều gì.

1362
01:10:23,330 --> 01:10:25,270
Vì vậy, họ cũng thay đổi phần này trong lớp học.

1363
01:10:25,270 --> 01:10:30,750
Điều này khác với năm ngoái, vì vậy
chỉ được tốt đẹp để TF của bạn, hoặc TF

1364
01:10:30,750 --> 01:10:36,350
tại văn phòng giờ đúng hơn, bởi vì chúng tôi
loại học tập cùng với các bạn.

1365
01:10:36,350 --> 01:10:41,230
Nhưng các bản ghi giao diện đã được siêu, siêu
hữu ích cho JavaScript năm ngoái.

1366
01:10:41,230 --> 01:10:42,740
Vì vậy, yêu nó.

1367
01:10:42,740 --> 01:10:43,780
Tìm hiểu làm thế nào để sử dụng nó.

1368
01:10:43,780 --> 01:10:49,026
Nó dễ dàng hơn để sử dụng hơn so với GDB, do đó
nên có ít nhất một điểm cộng.

1369
01:10:49,026 --> 01:10:50,650
Nhưng cảm ơn các bạn đang mang với tôi.

1370
01:10:50,650 --> 01:10:53,400
Tôi xin lỗi mà tôi
ví dụ đối với một số lý do

1371
01:10:53,400 --> 01:10:55,410
chỉ không muốn
hợp tác với tôi, nhưng tôi

1372
01:10:55,410 --> 01:11:01,010
hy vọng rằng nó giúp loại giúp bạn có được một
hơn chút trong các khu vực của JavaScript.

1373
01:11:01,010 --> 01:11:04,980
Và gửi cho tôi tất cả các câu hỏi của bạn cho
tuần tới để tôi có thể được sửa chữa siêu,

1374
01:11:04,980 --> 01:11:09,420
và tôi sẽ mang kẹo và thậm chí thêm
kẹo vì đây là vô lý.

1375
01:11:09,420 --> 01:11:14,000
Nhưng các bạn là rất lớn,
và có một tuần tuyệt vời.

1376
01:11:14,000 --> 01:11:15,584