1
00:00:00,000 --> 00:00:39,630

2
00:00:39,630 --> 00:00:41,880
DAVID J. 마란 : 좋아,
그래서 이곳에 묘 암입니다

3
00:00:41,880 --> 00:00:44,450
밴드, 몇 그 중 우리
CS50 최종 프로젝트에 있습니다.

4
00:00:44,450 --> 00:00:47,533
그리고 우리가 대기 데모였다
미리 위치를 본질적으로 당신까지

5
00:00:47,533 --> 00:00:51,120
이 꽤 단단한 팔은 여기 밴드
당신의 근육의 움직임을 청취

6
00:00:51,120 --> 00:00:54,280
다음 소프트웨어에 매핑되는
여기 콜튼의 노트북에있는

7
00:00:54,280 --> 00:00:57,230
했다 iTunes 및 그
노래는 이미 대기.

8
00:00:57,230 --> 00:01:00,270
오히려 날이를 시연하고보다
콜튼은 실험실에서있었습니다

9
00:01:00,270 --> 00:01:04,129
분명히 모든 주 데모를 점점
한 용감한 자원 봉사에 대 한 준비.

10
00:01:04,129 --> 00:01:07,430
누군가가 와서하고 싶은 경우
전혀 우리가 먼저 손을 보았다.

11
00:01:07,430 --> 00:01:09,540
올라 와요.

12
00:01:09,540 --> 00:01:12,530
>> 좋아.

13
00:01:12,530 --> 00:01:13,886
그리고 당신의 이름은 무엇입니까?

14
00:01:13,886 --> 00:01:14,800
>> 청중 : 어, 마리아.

15
00:01:14,800 --> 00:01:16,550
>> DAVID J. 마란 : 마리아, 당신을 볼 좋은.

16
00:01:16,550 --> 00:01:17,310
여기에 오세요.

17
00:01:17,310 --> 00:01:19,550
내가 콜튼을 소개하겠습니다.

18
00:01:19,550 --> 00:01:21,290
콜튼이 마리아입니다.

19
00:01:21,290 --> 00:01:23,050
>> 콜튼 : 안녕하세요, 만나서 반갑습니다.

20
00:01:23,050 --> 00:01:24,330
>> DAVID J. 마란 : 모든
바로, 우리가있어, 한 단계

21
00:01:24,330 --> 00:01:26,204
가는 당신은 넣어 가지고하는
당신의 팔에에이

22
00:01:26,204 --> 00:01:29,280
꽤 있다고 그렇게
팔꿈치 근처까지 꽉.

23
00:01:29,280 --> 00:01:31,940
그리고 한편의가하자
우리의 구글 글래스에 넣어

24
00:01:31,940 --> 00:01:33,720
우리는 오늘 기술을 혼합합니다.

25
00:01:33,720 --> 00:01:36,340
>> 콜튼 : 처음에 우리는에있을 것이다
일에이 후크.

26
00:01:36,340 --> 00:01:37,170
>> DAVID J. 마란 : OK.

27
00:01:37,170 --> 00:01:39,795
사실,의​​가로 팔을 넣어 보자
가능한 한이 케이블에 가까운

28
00:01:39,795 --> 00:01:41,160
그래서 우리는 먼저 그것을 동기화 할 수있다.

29
00:01:41,160 --> 00:01:42,740
>> 콜튼은 :이 해 보자.

30
00:01:42,740 --> 00:01:46,500
>> DAVID J. 마란 : 그리고 그 사이에, 그래서
모두가 가까이 눈을 얻을 수 있습니다,

31
00:01:46,500 --> 00:01:50,290
우리는 앤드류의 카메라를 던져 것
이 화면에.

32
00:01:50,290 --> 00:01:54,460
그래서 우리의 USB 케이블이
마리아의 완장에 연결된다.

33
00:01:54,460 --> 00:02:00,230
그리고 나를 콜튼의 화면을 던져 보자
다음 프로젝터의 최대.

34
00:02:00,230 --> 00:02:06,000
>> 그래서 콜튼 장치를 등록하고
묘는이 케이블에 연결되어 지금과 같이.

35
00:02:06,000 --> 00:02:08,060
그리고 지금 무엇 마리아의
순간적으로 할 것

36
00:02:08,060 --> 00:02:10,120
실제로 통해 도보
교정 단계

37
00:02:10,120 --> 00:02:12,830
소프트웨어를 가르쳐
어떻게 그녀의 근육 응답

38
00:02:12,830 --> 00:02:16,070
그녀가 할 때 특정 미리 정의 된
소프트웨어가 이해하는 몸짓.

39
00:02:16,070 --> 00:02:17,910
당신이에 가고 싶다면
스크린 앞.

40
00:02:17,910 --> 00:02:26,840

41
00:02:26,840 --> 00:02:30,090
확인을 계속 시도.

42
00:02:30,090 --> 00:02:31,860
>> 콜튼은이 같은 이동합니다.

43
00:02:31,860 --> 00:02:32,970
그리고 그 같은.

44
00:02:32,970 --> 00:02:34,563
그리고 오른쪽에있는 모든 방법.

45
00:02:34,563 --> 00:02:35,922
다시 이동합니다.

46
00:02:35,922 --> 00:02:37,740
>> DAVID J. 마란 : OK.

47
00:02:37,740 --> 00:02:38,960
다른 관점.

48
00:02:38,960 --> 00:02:39,620
그것은 당신이 아니다.

49
00:02:39,620 --> 00:02:40,350
그것은 우리를합니다.

50
00:02:40,350 --> 00:02:41,749
>> 마리아 : OK.

51
00:02:41,749 --> 00:02:42,540
DAVID J. 마란 : 호

52
00:02:42,540 --> 00:02:46,720

53
00:02:46,720 --> 00:02:51,540
의 높은 최대가 그래서 이동하자
팔꿈치에 가까운, 또는 단단한.

54
00:02:51,540 --> 00:02:52,680
좋아.

55
00:02:52,680 --> 00:02:53,270
>> 여기에 우리가 간다.

56
00:02:53,270 --> 00:02:56,780
이 CS52X을위한 좋은 시간이 될 것입니다.

57
00:02:56,780 --> 00:02:57,670
우리가 이동합니다.

58
00:02:57,670 --> 00:02:58,760
>> 아주 좋은.

59
00:02:58,760 --> 00:03:01,170
확인을 클릭합니다.

60
00:03:01,170 --> 00:03:02,790
엄지 손가락은 새끼합니다.

61
00:03:02,790 --> 00:03:03,380
>> 아주 좋은.

62
00:03:03,380 --> 00:03:05,140
손가락을 확산.

63
00:03:05,140 --> 00:03:06,240
좋은.

64
00:03:06,240 --> 00:03:06,910
바로 웨이브.

65
00:03:06,910 --> 00:03:15,052

66
00:03:15,052 --> 00:03:17,010
그것은 호기심 보이고
왼쪽 손안에하면

67
00:03:17,010 --> 00:03:19,665
>> 콜튼 : 그래, 그 이상한입니다.

68
00:03:19,665 --> 00:03:21,790
DAVID J. 마란 님의 웨이브
오른쪽 앞으로 이동합니다.

69
00:03:21,790 --> 00:03:22,998
빨리 감기는 건너 뛰거나 옆.

70
00:03:22,998 --> 00:03:25,020
즉 OK 웨이브 권리입니다.

71
00:03:25,020 --> 00:03:26,650
>> 마리아 : 나는 대기가 아니요.

72
00:03:26,650 --> 00:03:28,430
>> DAVID J. 마란 : 일부 도움이 필요하십니까?

73
00:03:28,430 --> 00:03:30,027
>> 콜튼 : 그래서 당신은 다음과 같이 될 것입니다.

74
00:03:30,027 --> 00:03:31,860
마리아 : 그것은 돌고
다른 것은, 비록.

75
00:03:31,860 --> 00:03:32,390
콜튼 : 그것은이다.

76
00:03:32,390 --> 00:03:34,250
DAVID J. 마란 : 그래, 나도 몰라
왜 당신에게 leftie을 보여주는 것.

77
00:03:34,250 --> 00:03:36,458
콜튼 : 왜 try--하지 않습니다
다만이 같은 것보십시오.

78
00:03:36,458 --> 00:03:38,910

79
00:03:38,910 --> 00:03:40,090
>> DAVID J. 마란 : 아니?

80
00:03:40,090 --> 00:03:42,580
어쩌면 당신의 팔에 도달
좀 똑바로 밖으로

81
00:03:42,580 --> 00:03:46,070
이 같은 더 급격한합니다.

82
00:03:46,070 --> 00:03:48,176
그래, 그래, 좋아.

83
00:03:48,176 --> 00:03:49,670
>> 마리아 : 미안 해요.

84
00:03:49,670 --> 00:03:51,170
DAVID J. 마란 : 그것은 당신의 잘못이 아니다.

85
00:03:51,170 --> 00:03:53,018
콜튼 : 괜 찮 아 요.

86
00:03:53,018 --> 00:03:55,430
DAVID J. 마란 : 좋아.

87
00:03:55,430 --> 00:03:56,220
글쎄 ...

88
00:03:56,220 --> 00:03:57,620
>> 마리아 : 우리는이 작업을 건너 뛸까요?

89
00:03:57,620 --> 00:03:59,620
DAVID J. 마란 : 그래,하자
오프 훅을 수 있습니다.

90
00:03:59,620 --> 00:04:03,130
사람을 좋아하면 이렇게
이 절단 날을 사용하여 최종 프로젝트

91
00:04:03,130 --> 00:04:07,707
하드웨어, 실현 그냥 수도
익숙해 조금 걸릴.

92
00:04:07,707 --> 00:04:10,290
그리고 이런것 현실은 이것이다
실제로 매우 가장자리 출혈이다.

93
00:04:10,290 --> 00:04:12,040
>> 이라고 무엇인가
개발자 키트, 어떤

94
00:04:12,040 --> 00:04:14,956
본질적으로 시험판하기위한 것입니다
그래서 사람들은 정확하게 할 수있는

95
00:04:14,956 --> 00:04:18,690
그것으로 싸움이 겁니다, 그림
밖으로 어떻게 사람의 몸이 작동

96
00:04:18,690 --> 00:04:19,980
기술.

97
00:04:19,980 --> 00:04:21,750
당신이 원한다면
이후, 강의 후,

98
00:04:21,750 --> 00:04:23,750
우리는 당신이 오게 할 수 있으며
그것을 다른 자상을.

99
00:04:23,750 --> 00:04:26,970
박수 그러나 그렇지 않으면, 라운드, 경우
우리는 최대에와 주셔서 마리아, 수있다.

100
00:04:26,970 --> 00:04:28,770
>> 마리아 : 감사합니다.

101
00:04:28,770 --> 00:04:30,390
>> DAVID J. 마란 : 감사합니다.

102
00:04:30,390 --> 00:04:34,945
우리는 좀해야하지만, 우리는 줄 것이다
당신 ... 어떻게 여기에 스트레스 볼 어떻습니까?

103
00:04:34,945 --> 00:04:38,620
아, 그리고 ... 그렇다 니 네, 감사합니다.

104
00:04:38,620 --> 00:04:39,715
좋아.

105
00:04:39,715 --> 00:04:45,750
당신이 있었다 호기심 들어, 그래서
소리의 선택에 익숙

106
00:04:45,750 --> 00:04:47,670
우리가 만든 그
이전, 놀라운 TV

107
00:04:47,670 --> 00:04:50,210
보여 당신은 절대적으로해야
과음 관찰 넷플릭스에있을

108
00:04:50,210 --> 00:04:51,110
여기 하나입니다.

109
00:04:51,110 --> 00:04:54,472
>> 스피커 1 : 신사 숙녀 여러분,
조쉬라는 이름의 마술사.

110
00:04:54,472 --> 00:05:04,710

111
00:05:04,710 --> 00:05:08,050
>> DAVID J. 마란 : 그리고 분명히, 그건
일이 지금은 강의 중에 텍스트 날 수 있습니다.

112
00:05:08,050 --> 00:05:11,190
나는 것을 말해주는거야 마리아
어제 생일이 있었다.

113
00:05:11,190 --> 00:05:14,095
에서 그래서 생일
마리아 CS50뿐만 아니라.

114
00:05:14,095 --> 00:05:18,720

115
00:05:18,720 --> 00:05:22,090
>> 그래서 당신은 최근 한 달에 읽고있다
그 여기 여러분, 스티브

116
00:05:22,090 --> 00:05:25,260
실제로이었다 발머,
대학에서 1977 클래스,

117
00:05:25,260 --> 00:05:27,170
최근 마이크로 소프트에서 은퇴했다.

118
00:05:27,170 --> 00:05:29,620
그는 여기에 학부했다
다음 몇 년 후

119
00:05:29,620 --> 00:05:31,910
에서 자신을 발견
스탠포드 비즈니스 스쿨

120
00:05:31,910 --> 00:05:34,160
그는 전화를받을 때
자신의 친구로부터 전화

121
00:05:34,160 --> 00:05:36,516
복도를 살았다
여기 하버드에서 그를에서.

122
00:05:36,516 --> 00:05:38,640
그 친구의 이름은 빌이었다
게이트, 및시,

123
00:05:38,640 --> 00:05:42,700
그는 수 스티브을 모집하려고했다
첫 번째 비즈니스 사람, 정말,

124
00:05:42,700 --> 00:05:45,720
작은 회사에서 마이크로 소프트의 이름을 지정합니다.

125
00:05:45,720 --> 00:05:48,960
>> 긴 이야기를 짧게, 스티브
궁극적으로 이상 수상했다,

126
00:05:48,960 --> 00:05:52,130
때 마이크로 소프트에 합류
30 명의 직원이 있었다.

127
00:05:52,130 --> 00:05:54,300
그리고 시간에 의해 그
아주 최근에 은퇴,

128
00:05:54,300 --> 00:05:58,100
이 회사는 10 명의 직원이 있었다
지난 몇 년 동안.

129
00:05:58,100 --> 00:06:01,171
그리고 웹 사이트는 직전으로 알려져
비디오에이 공물을 준비

130
00:06:01,171 --> 00:06:02,920
우리는 우리가 거​​라고 생각했다
당신을 제공하는 공유

131
00:06:02,920 --> 00:06:08,380
얼마나 많은 에너지 스티브의 의미
그가 제공하는 프리젠 테이션을 제공합니다.

132
00:06:08,380 --> 00:06:11,884

133
00:06:11,884 --> 00:06:12,550
[동영상 재생]

134
00:06:12,550 --> 00:06:16,220
- 마이크로 소프트는 네 번째 아이처럼.

135
00:06:16,220 --> 00:06:18,260
아이들은 집을 떠나 않습니다.

136
00:06:18,260 --> 00:06:21,875
이 경우, 같아요
나는 집을 떠날거야.

137
00:06:21,875 --> 00:06:23,270
빌 이봐, whazzap?

138
00:06:23,270 --> 00:06:24,200
>> -Wazzap?

139
00:06:24,200 --> 00:06:25,320
>> - 이봐, wazzap?

140
00:06:25,320 --> 00:06:28,590
우리가 맡았어요
엄청난 기회를 제공합니다.

141
00:06:28,590 --> 00:06:30,210
빌은 우리에게 그 기회를주었습니다.

142
00:06:30,210 --> 00:06:35,520

143
00:06:35,520 --> 00:06:36,770
그 빌 감사드립니다.

144
00:06:36,770 --> 00:06:39,630
난 당신이 너무하고 싶다.

145
00:06:39,630 --> 00:06:42,500
혁신의 속도
느리게 않을 것입니다.

146
00:06:42,500 --> 00:06:45,140
>> 그것은 더 빠르게 얻을 것입니다.

147
00:06:45,140 --> 00:06:50,165
약간의 경쟁이있을 수 있습니다
그 불행하게도 제거!

148
00:06:50,165 --> 00:06:54,337

149
00:06:54,337 --> 00:06:59,564
>> 나는이 회사를 사랑 해요.

150
00:06:59,564 --> 00:07:00,064
예!

151
00:07:00,064 --> 00:07:03,452

152
00:07:03,452 --> 00:07:08,250
나는 PC이다, 나는이 회사를 사랑 해요!

153
00:07:08,250 --> 00:07:13,090
>> 개발자, 개발자, 개발자,
개발자, 개발자, 개발자,

154
00:07:13,090 --> 00:07:14,560
개발자, 개발자.

155
00:07:14,560 --> 00:07:17,500

156
00:07:17,500 --> 00:07:18,970
예!

157
00:07:18,970 --> 00:07:19,950
웹 개발자!

158
00:07:19,950 --> 00:07:21,420
>> 웹 개발자!

159
00:07:21,420 --> 00:07:22,890
웹 개발자!

160
00:07:22,890 --> 00:07:25,830

161
00:07:25,830 --> 00:07:28,770
들어 다른 무엇
추가 비용없이 얻을!

162
00:07:28,770 --> 00:07:31,960
>> MS-DOS 임원, 약속
달력, 카드 파일, 노트 패드,

163
00:07:31,960 --> 00:07:33,750
시계, 제어판.

164
00:07:33,750 --> 00:07:35,461
그리고, 당신은 그것을 믿을 수 있습니까?

165
00:07:35,461 --> 00:07:35,960
Reversie!

166
00:07:35,960 --> 00:07:37,270
>> CD로 구울!

167
00:07:37,270 --> 00:07:38,660
MSN에 게시!

168
00:07:38,660 --> 00:07:40,422
당신은 친구들에게 메일을!

169
00:07:40,422 --> 00:07:41,790
>> 한 번의 클릭으로 모든!

170
00:07:41,790 --> 00:07:48,670
하나는 마이크로 소프트, 하나의 전략, 하나 team--
훈련, 전문, 집중,

171
00:07:48,670 --> 00:07:50,610
우리가하는 모든 일에 전문가.

172
00:07:50,610 --> 00:07:52,670
저 오래된 영화에서 선을 사용하자.

173
00:07:52,670 --> 00:07:54,810
>> 관계는 상어처럼.

174
00:07:54,810 --> 00:07:57,480
그들은 앞으로 이동하거나 죽어.

175
00:07:57,480 --> 00:08:01,470
실제로 기술을 생각한다
기업은 동일하다.

176
00:08:01,470 --> 00:08:04,801
>> [END 동영상 재생]

177
00:08:04,801 --> 00:08:08,050
DAVID J. 마란 : 그래서 우리는 너무 기쁘게 생각합니다
스티브는 우리에 합류 할 것이라고 발표

178
00:08:08,050 --> 00:08:13,320
여기 CS50의에서 다음 주 수요일
보통의 장소와 시간을 여기.

179
00:08:13,320 --> 00:08:14,750
공간 가능성이 제한됩니다.

180
00:08:14,750 --> 00:08:19,650
그리고, 사람이 우리를하시기 바랍니다 가입
잠시 후 오늘 머리 또는

181
00:08:19,650 --> 00:08:22,600
cs50.harvard.edu/register합니다.

182
00:08:22,600 --> 00:08:25,780
>> 우리는에 의해 따를 것
화요일 지점을 확인.

183
00:08:25,780 --> 00:08:29,900
그 다음에 기대
CS50의 강의 동안 수요일.

184
00:08:29,900 --> 00:08:33,706
이제, 다른 뉴스에서, 나는 일어난
크림슨이 건너 단지

185
00:08:33,706 --> 00:08:34,289
다른 날.

186
00:08:34,289 --> 00:08:37,370
>> 이 CS50의 직원 중 하나 밝혀
그리고 CS50의 학생 중 적어도 하나

187
00:08:37,370 --> 00:08:40,299
현재 UC에 대한 실행
대통령과 부통령,

188
00:08:40,299 --> 00:08:42,950
어느 날 다시 가져
내 자신의 일에 다시

189
00:08:42,950 --> 00:08:45,920
때 비참 UC 선거를 잃었다.

190
00:08:45,920 --> 00:08:48,210
그러나 실버 라이닝
점에서 나는 항상

191
00:08:48,210 --> 00:08:50,604
이야기가 있다는 것입니다 이야기
I 중 하나는 확실 해요

192
00:08:50,604 --> 00:08:52,770
여러 가지 이유가 내가 잃어버린
선거는 완전한 부족했다

193
00:08:52,770 --> 00:08:54,103
대중 연설에 대한 재능.

194
00:08:54,103 --> 00:08:56,950
그리고 솔직히, 그것을
저를 몰고, 그 경험

195
00:08:56,950 --> 00:09:02,235
내 학년이, 실제로 서명을 생각한다
하버드 컴퓨터 학회, 최대있는

196
00:09:02,235 --> 00:09:04,610
그룹은 캠퍼스입니다
다양한 기술 회담을 보유

197
00:09:04,610 --> 00:09:05,318
다른 것들.

198
00:09:05,318 --> 00:09:08,117
그리고 나는 그들의 가르침을 인수했다
세미나 때문에

199
00:09:08,117 --> 00:09:09,950
, 기회를 가졌다
좋은 기회,

200
00:09:09,950 --> 00:09:12,620
정확히이 작업을 시작합니다.

201
00:09:12,620 --> 00:09:15,000
뿐만 아니라, 나는 기회를 가졌다
이 경험을하는 동안

202
00:09:15,000 --> 00:09:16,930
자신을 더욱 HTML을 가르 칠 수 있습니다.

203
00:09:16,930 --> 00:09:21,080
그래서 나는 지난 밤 미루
HTML 기반의 웹 사이트를 통해보고

204
00:09:21,080 --> 00:09:28,066
나는를 들어, 1997 년과 같은 98을에서 만든 내
여기에 다음과 같습니다 캠페인.

205
00:09:28,066 --> 00:09:29,920
나는 알고있다.

206
00:09:29,920 --> 00:09:33,340
>> 왜냐면 물론, 통지
1998 년에이 놀라운 디자인 결정

207
00:09:33,340 --> 00:09:33,850
또는 이것 저것.

208
00:09:33,850 --> 00:09:36,475
당신이 원하는 첫번째 것은 사용자
당신의 웹 사이트를 방문에해야 할 일

209
00:09:36,475 --> 00:09:39,860
다른 링크를 바로 클릭해야하는 것입니다
스님과 함께 여기에 귀하의 웹 사이트를 입력

210
00:09:39,860 --> 00:09:43,940
뒤에 곳 가려져 커튼처럼
분명히 캠페인 플랫폼이었다.

211
00:09:43,940 --> 00:09:46,330
그리고 이것은 당신이 얻을 것이다 모든 것
오늘은 스크린 샷입니다.

212
00:09:46,330 --> 00:09:49,500
하지만, 같은 통해 읽고 있었다
캠페인 포스터 지난 밤에

213
00:09:49,500 --> 00:09:50,490
내 플랫폼입니다.

214
00:09:50,490 --> 00:09:52,960
>> 그리고 당시 화가였다.

215
00:09:52,960 --> 00:09:55,380
흥미 었는데 내 플랫폼입니다.

216
00:09:55,380 --> 00:09:57,730
그래서 그 이후로 진정했다.

217
00:09:57,730 --> 00:10:03,550
그러나 언젠가, 내가 다시 실행하고
이 시간 떨어져 잘하면 더 나은.

218
00:10:03,550 --> 00:10:07,265
>> 그래서 HTML, 내가 만든있는 해당 언어
당신은 말야 ... 그것은 곧 많은 안해 ... 만들어 줄게

219
00:10:07,265 --> 00:10:09,140
우리가 봤는데 뭔가
후반의 이야기

220
00:10:09,140 --> 00:10:12,460
크게 위해 지금 부여 복용
것을 우리는 다른 언어로 이동했습니다.

221
00:10:12,460 --> 00:10:15,650
그러나 그냥 잠시 일시 정지하자
상황에서 이러한 일들의 일부를 넣어.

222
00:10:15,650 --> 00:10:18,040
그래서 문장에서, HTML은 무엇입니까?

223
00:10:18,040 --> 00:10:19,370
>> 또는 무엇을 사용합니까?

224
00:10:19,370 --> 00:10:20,208
누구?

225
00:10:20,208 --> 00:10:20,708
예.

226
00:10:20,708 --> 00:10:22,002
>> 청중 : 웹 사이트에 대한 마크 업.

227
00:10:22,002 --> 00:10:23,460
DAVID J. 마란 : 웹 사이트에 대한 마크 업.

228
00:10:23,460 --> 00:10:27,100
그래서 마크 업 언어이다 그
사용자가 웹 페이지를 구성 할 수 있습니다.

229
00:10:27,100 --> 00:10:30,040
헤더는 여기 간다, 제목
간다, 몸은 여기에 표시됩니다.

230
00:10:30,040 --> 00:10:33,280
이것은이가, 볼드체로
세부의 종류를 italics--.

231
00:10:33,280 --> 00:10:33,830
>> 좋아, 좋아.

232
00:10:33,830 --> 00:10:37,620
그래서 CSS는 당신 ... 나는를 할 수 있습니다
몇 가지 자유를했다

233
00:10:37,620 --> 00:10:40,990
굵은 직면하고 이탤릭체 때문에와
그 더 나은이 구현입니다.

234
00:10:40,990 --> 00:10:42,096
CSS는 어떤 친구는 ...?

235
00:10:42,096 --> 00:10:42,845
문장으로 말한다.

236
00:10:42,845 --> 00:10:46,000

237
00:10:46,000 --> 00:10:46,720
누구든지 전혀.

238
00:10:46,720 --> 00:10:46,870
그래.

239
00:10:46,870 --> 00:10:49,286
>> 청중 : 꾸밈음과
그것을 디자인하는 방법 같은 것들.

240
00:10:49,286 --> 00:10:51,769

241
00:10:51,769 --> 00:10:52,810
DAVID J. 마란 : OK, 좋은.

242
00:10:52,810 --> 00:10:55,420
당신을 허용 꾸밈음
를 설계하거나 스타일 화하기

243
00:10:55,420 --> 00:10:59,540
굵은와 같은 것들과
이탤릭체 및 색상과도 더 잘

244
00:10:59,540 --> 00:11:01,330
요소의 세분화 된 위치.

245
00:11:01,330 --> 00:11:04,520
그것은 일종의 당신이 일을 할 수 있습니다
라스트 마일 (last mile) 예를 들어, 그 그렇다면,

246
00:11:04,520 --> 00:11:08,130
Pset7, 당신은에 눈치 챘을 수도있는
포트폴리오 페이지를이 시점에 있다면

247
00:11:08,130 --> 00:11:12,270
이미 기본 테이블이 당신
사용자의 주식 보유를 표시 할 수 있도록

248
00:11:12,270 --> 00:11:15,740
현금은 아마 꽤 끔찍한 보인다
공백이 없습니다 기본적으로.

249
00:11:15,740 --> 00:11:18,420
벼락치기의 모든 종류의
함께 행과 열의.

250
00:11:18,420 --> 00:11:20,662
>> 음,의 비트와 함께
CSS, 당신이 생각하는 수 있으므로,

251
00:11:20,662 --> 00:11:23,870
당신은 실제로 그것을 꼬집고 그것을 만들 수 있습니다
훨씬 더 친숙하고 많은 것을

252
00:11:23,870 --> 00:11:24,870
예쁘게 볼 수 있습니다.

253
00:11:24,870 --> 00:11:27,730
그래서 CSS는에 관하여이다
웹 사이트의 양식입니다.

254
00:11:27,730 --> 00:11:31,970
그러나 우리는 또 다른 소개
우리가 무엇을 할 수 있습니다 언어, PHP,?

255
00:11:31,970 --> 00:11:36,400

256
00:11:36,400 --> 00:11:37,590
>> 그냥 무엇을하자?

257
00:11:37,590 --> 00:11:38,177
사람.

258
00:11:38,177 --> 00:11:40,010
이상 벤처있어
처음 몇 행.

259
00:11:40,010 --> 00:11:40,260
그래.

260
00:11:40,260 --> 00:11:41,719
>> 청중 : 동적 콘텐츠를 생성합니다.

261
00:11:41,719 --> 00:11:42,718
DAVID J. 마란 : 완벽한.

262
00:11:42,718 --> 00:11:43,850
동적 콘텐츠를 생성합니다.

263
00:11:43,850 --> 00:11:45,808
그리고 당신은이 작업을 수행 할 수 있습니다
언어의 수.

264
00:11:45,808 --> 00:11:50,120
우리는 때문에 PHP를 사용하는 일이
C 문법에 아주 유사한 부분.

265
00:11:50,120 --> 00:11:52,000
>> 하지만 PHP는 바로이를위한 기능을 제공합니다.

266
00:11:52,000 --> 00:11:54,620
그것은 당신이 동적으로 출력을 생성 할 수 있습니다.

267
00:11:54,620 --> 00:11:57,890
그리고 그 출력의 일부가 될 수있다
HTML, 우리는 일반적으로 해왔있다.

268
00:11:57,890 --> 00:12:00,160
이 때문에 그리고 그것은 또한이다
프로그래밍 언어이며,

269
00:12:00,160 --> 00:12:03,240
메커니즘 어떤 통해
우리는 데이터베이스로 이야기 할 수 있습니다.

270
00:12:03,240 --> 00:12:05,730
>> 그리고 우리는 쿼리를 만들 수 있습니다
Yahoos 같은 다른 서버

271
00:12:05,730 --> 00:12:08,660
프로그래밍 방식으로 작업을 수행
정말 그렇지 않으면 수도

272
00:12:08,660 --> 00:12:10,400
할 수있는 컴퓨터를 강요 할.

273
00:12:10,400 --> 00:12:13,580
그래서 PHP는 우리가 시작할 수 있습니다
동적으로 내용을 출력한다.

274
00:12:13,580 --> 00:12:16,900
이 논리에 의해 그래서, 나는하지 않았다
1998에서 동적 웹 사이트.

275
00:12:16,900 --> 00:12:18,460
>> 그냥 정적 웹 페이지입니다.

276
00:12:18,460 --> 00:12:22,250
내 콘텐츠에 의해 변경되어야했다
수동으로의 gedit 또는 일부 동등한.

277
00:12:22,250 --> 00:12:25,290
하지만 PHP는 우리가 사용 또는 무엇인가
사용할 수도, 오히려,

278
00:12:25,290 --> 00:12:27,260
같은 뭔가
신입생 인스턴트 웹 사이트, 어떤

279
00:12:27,260 --> 00:12:31,160
등록을하기로하고,
users-- 것들의 목록을 관리하는

280
00:12:31,160 --> 00:12:33,550
실제로 이상 변화
우리는 일이 있더라도 시간,

281
00:12:33,550 --> 00:12:35,990
펄, 다른를 사용하는
당시 언어.

282
00:12:35,990 --> 00:12:40,350
>> 그리고 마지막으로, 우리는 도입
SQL-- 쿼리 언어를 구조화.

283
00:12:40,350 --> 00:12:43,845
그래서 또 다른 언어
그는 무엇을 위해 사용되는?

284
00:12:43,845 --> 00:12:46,660

285
00:12:46,660 --> 00:12:47,639
무엇에 사용?

286
00:12:47,639 --> 00:12:49,430
우리는 slight-- 모험을 할 수
OK, 우리는하지 않을거야

287
00:12:49,430 --> 00:12:51,263
훨씬 더 얻을 수
여기에 오케스트라보다.

288
00:12:51,263 --> 00:12:53,432
청중 : 그것은 프로토콜이다
데이터베이스에 이야기하는 데 사용됩니다.

289
00:12:53,432 --> 00:12:55,640
DAVID J. 마란 : 프로토콜
데이터베이스에 이야기하는 데 사용됩니다.

290
00:12:55,640 --> 00:12:56,181
저를 조정할 수 있습니다.

291
00:12:56,181 --> 00:12:59,280
이는 사용 된 자연 언어 야
databases-- 선택에 얘기

292
00:12:59,280 --> 00:13:01,280
및 삽입과 삭제
업데이트 실제로

293
00:13:01,280 --> 00:13:03,840
더 많은 기능이
우리는 심지어 다이빙하지 않은

294
00:13:03,840 --> 00:13:07,920
로하지만, 당신은 explore-- 할 수 있습니다
말하자면, 대한 최종 프로젝트를 탐험.

295
00:13:07,920 --> 00:13:09,560
그래서 이러한 여러 가지가있다.

296
00:13:09,560 --> 00:13:13,100
>> 그리고 희망 Pset7, 비록
그 사양은 꽤 긴

297
00:13:13,100 --> 00:13:15,990
당신을 걸을 의도적으로 길어
어떻게 이러한 일들이 모든 수를 통해

298
00:13:15,990 --> 00:13:17,210
함께 입력 할 수.

299
00:13:17,210 --> 00:13:20,300
이제 월요일 우리에
우리의 마지막 언어를 도입

300
00:13:20,300 --> 00:13:23,430
우리는 공식적으로 소개하고 있다고
자바 스크립트입니다 course--.

301
00:13:23,430 --> 00:13:25,720
이것은, PHP와 같은 인
해석 언어.

302
00:13:25,720 --> 00:13:28,110
>> 그러나 키가되는 차이
월요일에 제안

303
00:13:28,110 --> 00:13:32,730
PHP 반면 실행 또는 점이다
서버에서 해석되고있는

304
00:13:32,730 --> 00:13:35,990
이 경우 CS50 어플라이언스는,
또는 일부 상용 웹 수 있습니다

305
00:13:35,990 --> 00:13:39,370
인터넷에서 서버,
자바 스크립트를 일반적으로

306
00:13:39,370 --> 00:13:43,650
클라이언트 측에서 실행되는 언어입니다
브라우저에서하지 서버 side-- 그래서.

307
00:13:43,650 --> 00:13:46,970
어느 그냥 내가 열 때처럼 말을하는 것입니다
페이스 북의 소스 코드까지 모두 발견

308
00:13:46,970 --> 00:13:51,510
그 js의 파일로, 암시했다
당신은 페이스 북이나 방문 때 가장

309
00:13:51,510 --> 00:13:54,810
웹 사이트 요즘, 당신은 얻을
뿐만 아니라 HTML뿐만 아니라 CSS,

310
00:13:54,810 --> 00:13:59,370
하지만 자바 스크립트의 전체 무리
자주의 .js 파일의 형태로 코드.

311
00:13:59,370 --> 00:14:03,970
그리고, 그것은 browser-- 자신의
그 코드를 실행 Mac 또는 PC--.

312
00:14:03,970 --> 00:14:05,990
>> 그러나 브라우저가이를 실행합니다.

313
00:14:05,990 --> 00:14:08,070
당신은 샌드 박스의 종류에 생각할 수 있습니다.

314
00:14:08,070 --> 00:14:12,420
자바 스크립트 코드가 가지 않도록
컴퓨터에있는 파일을 삭제할 수.

315
00:14:12,420 --> 00:14:14,730
그것은 할 수 없어야
사용자를 대신하여 메일을 보낼 수 있습니다.

316
00:14:14,730 --> 00:14:17,760
를 제한의 브라우저 종류
당신은 무엇을 할 수 있습니다.

317
00:14:17,760 --> 00:14:20,630
>> 그래서 그런 의미에서, 그것은 약간의
덜 강력한, 아마도보다 C.

318
00:14:20,630 --> 00:14:24,030
그러나 자바 스크립트를 할 수있는 등
별도로, 서버에서 사용될,

319
00:14:24,030 --> 00:14:27,740
우리는 이야기하지 않는 경향이 있습니다하지만
그 맥락에서 약.

320
00:14:27,740 --> 00:14:29,740
그래서 지금의이 함께 이들을 묶어 보자.

321
00:14:29,740 --> 00:14:34,000
주 플러스 전, 우리는 약간의 HTML을 발표
left-- 슈퍼 지루한 웹 페이지에.

322
00:14:34,000 --> 00:14:35,000
>> 그냥 인사 세계는 말한다.

323
00:14:35,000 --> 00:14:38,110
그리고 난에 제안
바로 우리는 종류의 아이디어를 훔칠 수

324
00:14:38,110 --> 00:14:41,470
우리의 논의에서
C의 데이터 구조

325
00:14:41,470 --> 00:14:45,270
방법이 계층에 대해 생각
왼쪽에있는 마크 업 언어

326
00:14:45,270 --> 00:14:49,720
그린 또는 메모리에서 구현 될 수있다
노드 실제 트리 구조로서

327
00:14:49,720 --> 00:14:51,400
포인터와 세부 사항의 그 종류.

328
00:14:51,400 --> 00:14:53,820
오른쪽에, 우리는 전화
DOM-- 문서 그

329
00:14:53,820 --> 00:14:56,800
이는 단지입니다 Model-- 객체
나무를 말하는 멋진 방법입니다.

330
00:14:56,800 --> 00:14:59,520
>> 지금, 왜이 유용하다
이 방법으로 생각?

331
00:14:59,520 --> 00:15:01,680
지금에 있기 때문에
자바 스크립트, 우리가 가지고 있기 때문에

332
00:15:01,680 --> 00:15:05,810
이 놀이에 도착 코드
환경의 실제 HTML

333
00:15:05,810 --> 00:15:08,360
브라우저로 전송되어
이미 이미있다

334
00:15:08,360 --> 00:15:12,690
에 의해 메모리에로드 된
컴퓨터의에서 나무에 브라우저

335
00:15:12,690 --> 00:15:18,270
이 같은 RAM, 우리는 자바 스크립트를 사용할 수 있습니다
실제로에 통과, 산책, 검색

336
00:15:18,270 --> 00:15:21,800
또는 DOM 트리 그러나 우리가 원하는 것을 변경합니다.

337
00:15:21,800 --> 00:15:24,040
그래서 사실, 당신이 생각하는 경우
대한 facebook.com,

338
00:15:24,040 --> 00:15:27,660
당신이 채팅 기능을 사용할 경우, 경우
Gmail을 사용하고 gchat 기능,

339
00:15:27,660 --> 00:15:30,540
당신이 아무것도
또 다시 오는 메시지

340
00:15:30,540 --> 00:15:35,880
다시, 그 메시지는 아마
같은, LI 태그, 목록 항목 태그, 아마.

341
00:15:35,880 --> 00:15:37,940
>> 아니면 그들은 그저
계속 표시 div의

342
00:15:37,940 --> 00:15:39,770
때마다 당신은 인스턴트 메시지가 표시됩니다.

343
00:15:39,770 --> 00:15:42,960
그리고 그것은 단지 무엇을 의미
페이스 북이나 구글은하고있다

344
00:15:42,960 --> 00:15:45,200
언제든지 당신을 얻을 수있다
서버에서 메시지,

345
00:15:45,200 --> 00:15:48,740
그들은 아마 자바 스크립트를 사용하는
또 다른 노드를 추가하는

346
00:15:48,740 --> 00:15:52,700
이이 또 다른 노드를 tree--
육안으로 만 보이는 나무

347
00:15:52,700 --> 00:15:54,570
화면에 텍스트의 새로운 라인 등을들 수있다.

348
00:15:54,570 --> 00:15:57,100
그러나 그들은 삽입하고
데이터 구조로.

349
00:15:57,100 --> 00:15:59,742
>> 같은 클래스에 따라서
CS124과 다른 사람, 당신은거야

350
00:15:59,742 --> 00:16:02,200
사실에 대한 더 많은 코드를 작성
이 같은 데이터 구조.

351
00:16:02,200 --> 00:16:04,310
하지만 지금은 자바 스크립트에 대한,
우리는 가정합니다

352
00:16:04,310 --> 00:16:07,920
우리는이 모든 기능을 얻을
언어 자체에서 무료로.

353
00:16:07,920 --> 00:16:09,210
그럼 예를 살펴 보자.

354
00:16:09,210 --> 00:16:13,120
>> 나를 form.html라는 파일을 열어 보자.

355
00:16:13,120 --> 00:16:14,601
그것은 매우 간단합니다.

356
00:16:14,601 --> 00:16:15,600
그냥 다음과 같습니다.

357
00:16:15,600 --> 00:16:17,860
>> 어떤 CSS하지, 미학에 대한 생각없이.

358
00:16:17,860 --> 00:16:19,810
그것은 순수하게 기능이다
분명히 난

359
00:16:19,810 --> 00:16:24,000
이메일을 요청, 암호,
다시 암호 다음 수표

360
00:16:24,000 --> 00:16:26,150
일부 이용 약관에 동의합니다.

361
00:16:26,150 --> 00:16:28,740
이것이 소스 코드
아마 뭔가처럼 보인다

362
00:16:28,740 --> 00:16:31,030
당신은으로 짐작
지금 생각 좀.

363
00:16:31,030 --> 00:16:32,840
여기 폼 태그를 가지고있다.

364
00:16:32,840 --> 00:16:36,190
>> 액션은 분명히에 가고
register.php라는 파일로 이동합니다.

365
00:16:36,190 --> 00:16:37,870
내가 사용하는거야 방법을 얻을 수있다.

366
00:16:37,870 --> 00:16:40,880
그리고 나서 텍스트를 가지고
이름이 이메일입니다 필드.

367
00:16:40,880 --> 00:16:43,340
>> 나는 암호 필드있어
암호는 누구의 이름입니다.

368
00:16:43,340 --> 00:16:45,420
나는 다른있어
이름이 암호 필드

369
00:16:45,420 --> 00:16:47,342
다소 임의로 확인이다.

370
00:16:47,342 --> 00:16:49,690
그것은 또 다른 HTTP 매개 변수입니다.

371
00:16:49,690 --> 00:16:54,430
>> 그리고 우리는 우리를 제외하고 이러한 사용하지했습니다
신입생 IMS는 class--에서 데모 이후

372
00:16:54,430 --> 00:16:56,692
있는 체크 박스
단지 유형 검사와 동일합니다.

373
00:16:56,692 --> 00:16:57,900
그리고 그 계약을 전화 할게.

374
00:16:57,900 --> 00:17:00,700
그래서 나는했습니다 종류의 임의하지만
편리이 필드를 지명했다​​.

375
00:17:00,700 --> 00:17:03,450
이 양식을 얻을 지금 때 그래서
제출의가 어떻게되는지 보자.

376
00:17:03,450 --> 00:17:07,290
내가 malan@harvard.edu을 할 경우,
나는 진홍색의 암호를 할 수 있습니다.

377
00:17:07,290 --> 00:17:09,530
나는 아무것도의 암호를 할 수 있습니다.

378
00:17:09,530 --> 00:17:10,910
의 협력하지 말자.

379
00:17:10,910 --> 00:17:12,280
>> 그리고 상자를 확인하지 않습니다.

380
00:17:12,280 --> 00:17:13,940
나 등록을 클릭하자.

381
00:17:13,940 --> 00:17:15,420
그리고 그것은 흠, 당신은 등록하고, 말한다.

382
00:17:15,420 --> 00:17:16,069
정말.

383
00:17:16,069 --> 00:17:17,450
>> 그러나 URL이 변경되었습니다.

384
00:17:17,450 --> 00:17:22,280
그래서이 양식은 명확하게 허용되었다
register.php에 제출하는 방법.

385
00:17:22,280 --> 00:17:25,160
그러나 아마도, 내가해야
이러한 오류 중 일부를 잡기.

386
00:17:25,160 --> 00:17:27,569
이제, Pset7 및 일부
우리의 강의 예제,

387
00:17:27,569 --> 00:17:30,130
우리는 일반적으로 인쇄 할 것
여기에 큰 빨간색 오류 메시지

388
00:17:30,130 --> 00:17:33,760
말 이름 누락,
또는 암호가 없습니다.

389
00:17:33,760 --> 00:17:37,680
우리는과하기 전에 우리가했다고 했어
완료 서버 측 에러 검출.

390
00:17:37,680 --> 00:17:41,580
>> 그러나 많은 웹 사이트 요즘
클라이언트 측에서 에러 검출을 수행

391
00:17:41,580 --> 00:17:42,810
여기서 URL은 변경되지 않습니다.

392
00:17:42,810 --> 00:17:44,101
전체 페이지가 새로 고쳐지지 않습니다.

393
00:17:44,101 --> 00:17:46,940
당신은 즉시 피드백을 얻을
브라우저에서.

394
00:17:46,940 --> 00:17:48,070
아마 뭔가 붉은 간다.

395
00:17:48,070 --> 00:17:49,190
>> 어쩌면 당신은 팝 업을 얻는다.

396
00:17:49,190 --> 00:17:53,240
하지만 당신은에 보내는 시간을 낭비하지 말라
불완전 서버 데이터.

397
00:17:53,240 --> 00:17:56,050
그래서 우리가 어떻게 수도 보자
뿐만 아니라 그 기능을 달성한다.

398
00:17:56,050 --> 00:17:59,660
>> 나를 form1.html 가자
이는 같은 보인다.

399
00:17:59,660 --> 00:18:03,530
하지만 이번에 내가 할 경우
malan@harvard.edu 나는 진홍색을 입력

400
00:18:03,530 --> 00:18:07,350
나는 더 협조하지 않습니다
하지만 등록을 클릭, 지금 알 수 있습니다.

401
00:18:07,350 --> 00:18:08,940
그것은 가장 매력적인 솔루션이 아니다.

402
00:18:08,940 --> 00:18:10,900
나는 적어도이 오류를 발견했습니다.

403
00:18:10,900 --> 00:18:12,900
그리고 경고를 사용했습니다
JavaScript--의 기능

404
00:18:12,900 --> 00:18:14,090
하는 우리는 수업 시간에 사용하고 있습니다.

405
00:18:14,090 --> 00:18:16,430
일반적으로, 당신이 사용하지 말아야
매우 신속하게 얻을 수 있기 때문에

406
00:18:16,430 --> 00:18:17,160
제어.

407
00:18:17,160 --> 00:18:19,180
그러나 일치하지 않는 암호는 오류입니다.

408
00:18:19,180 --> 00:18:21,120
>> 내가 가서 확인을 클릭하자.

409
00:18:21,120 --> 00:18:25,040
그러나 여기서 중요한 테이크 아웃
URL이 변경되지 않은 것입니다.

410
00:18:25,040 --> 00:18:27,960
그래서 방해하지했습니다 낭비
서버의 시간을 요구

411
00:18:27,960 --> 00:18:30,750
내가 가질 수있는 질문
자신에 대한 답을 알아.

412
00:18:30,750 --> 00:18:33,210
>> 그리고 사용자, 비록
이것에 대해 얘기

413
00:18:33,210 --> 00:18:35,264
사용자의 이상
이것에 대해 생각하는 것,

414
00:18:35,264 --> 00:18:36,680
즉각적인 피드백을해야 할 것입니다.

415
00:18:36,680 --> 00:18:39,044
더 대기 시간이 없다
네트워크 연결.

416
00:18:39,044 --> 00:18:40,460
그럼이 소스 코드를 살펴 보자.

417
00:18:40,460 --> 00:18:45,600
>> Form1.html 외모
여기에 구조적으로 유사한.

418
00:18:45,600 --> 00:18:46,810
형태는 사실상 동일하다.

419
00:18:46,810 --> 00:18:48,330
그러나의 내가 여기까지 무슨 짓을했는지 보자.

420
00:18:48,330 --> 00:18:49,913
그리고이 작업을 수행하는 여러 가지 방법이있다.

421
00:18:49,913 --> 00:18:53,690
그리고 가장 직선을했습니다
아직 가장 우아한 방법을 추종자가 아니라.

422
00:18:53,690 --> 00:18:54,869
나는 스크립트 태그를 가지고있다.

423
00:18:54,869 --> 00:18:57,035
그때 전화
에서 document.getElementById ( '등록').

424
00:18:57,035 --> 00:19:00,090

425
00:19:00,090 --> 00:19:04,420
그리고 그 값을 저장
형태, 변수입니다.

426
00:19:04,420 --> 00:19:05,520
>> 그래서 무슨 짓을 한거야?

427
00:19:05,520 --> 00:19:08,960
당신은 생각할 수
document.getElementById를 인 것으로

428
00:19:08,960 --> 00:19:11,200
특수 기능이
자바 스크립트는 당신을 제공합니다

429
00:19:11,200 --> 00:19:14,400
말 그대로 손이
노드 중 하나에 대한 포인터

430
00:19:14,400 --> 00:19:16,520
이 나무 또는 사각형.

431
00:19:16,520 --> 00:19:21,470
그래서 지금은 무엇을 우리의 양식 변수입니다
자바 스크립트에 실제로 가리키는.

432
00:19:21,470 --> 00:19:25,120
>> 그래서 지금 구문은 다른
C. 그러나 우리는 여기에 몇 가지 일을하고 있습니다.

433
00:19:25,120 --> 00:19:30,360
하나는,이 조금 이상하다
C.에 비해 확실히 찾고

434
00:19:30,360 --> 00:19:32,180
그러나 35 행을 확인합니다.

435
00:19:32,180 --> 00:19:35,130
왼쪽 form.onsubmit에 따라서.

436
00:19:35,130 --> 00:19:38,060
그 onsubmit가 리콜
구조체의 필드처럼.

437
00:19:38,060 --> 00:19:41,480
폼 변수를 생각한다면
단지 C 구조체되고있다,

438
00:19:41,480 --> 00:19:42,600
그것은 일부 필드가있을 수 있습니다.

439
00:19:42,600 --> 00:19:46,410
>> 그 시절에, 우리는 학생들의 이름을했다,
아이디, 주택, 필드 그런 종류의.

440
00:19:46,410 --> 00:19:48,520
그냥 다른 필드로 onsubmit 생각합니다.

441
00:19:48,520 --> 00:19:53,380
그러나 때문에 특별한 필드의
브라우저가 기대하는 사전 프로그램

442
00:19:53,380 --> 00:19:57,530
.onsubmit는 값되지 않았을 수
숫자 나 문자열과 같은,

443
00:19:57,530 --> 00:20:01,180
하지만 실제로 기능 할 수
또는 함수의 주소

444
00:20:01,180 --> 00:20:02,570
컴퓨터 메모리.

445
00:20:02,570 --> 00:20:04,740
>> 그리고 사실, 그게 무슨이다
이 키워드는 여기에 않습니다.

446
00:20:04,740 --> 00:20:06,710
이것은 나에게 새로운 기능을 제공 말한다.

447
00:20:06,710 --> 00:20:09,390
그러나 그것의 이름은 무엇입니까
분명히 될 것?

448
00:20:09,390 --> 00:20:10,800
>> 월요일에 다시 생각.

449
00:20:10,800 --> 00:20:13,430

450
00:20:13,430 --> 00:20:17,170
이것의 이름은 무엇입니까
이 구문에 따라 기능?

451
00:20:17,170 --> 00:20:19,784
아니, 내 말은, 분명히있다
어떤 이름은 확실히 associated-- 없습니다

452
00:20:19,784 --> 00:20:21,200
아니 내가 여기서 강조했는지에.

453
00:20:21,200 --> 00:20:22,560
>> 그러나 사실 확인을합니다.

454
00:20:22,560 --> 00:20:25,840
이 익명 함수, 또는
를 호출 할 수있는 몇 가지로 람다 함수.

455
00:20:25,840 --> 00:20:27,589
그리고 그건 그냥 의미
여전히 기능입니다.

456
00:20:27,589 --> 00:20:29,400
그것은 당신이 이름을 호출 할 수 없습니다, 그냥.

457
00:20:29,400 --> 00:20:30,057
하지만 괜찮아요.

458
00:20:30,057 --> 00:20:33,140
다시하기 때문에, 브라우저는왔다
구글과 같은 회사에 의해 미리 프로그램

459
00:20:33,140 --> 00:20:38,540
Microsoft 또는 Mozilla 또는 다른 사람에게 또는
단지 알고 .onsubmit 필드 경우

460
00:20:38,540 --> 00:20:43,400
폼 요소를 가지고 안쪽
값은 function--로 처리

461
00:20:43,400 --> 00:20:44,750
함수 포인터, 만약 당신이 것입니다.

462
00:20:44,750 --> 00:20:46,910
폼이 제출 될 때 그리고 전화.

463
00:20:46,910 --> 00:20:50,350
>> 그래서 코드가 실행되어야한다
때 폼이 제출?

464
00:20:50,350 --> 00:20:52,526
분명히, 모든
중괄호의 내부.

465
00:20:52,526 --> 00:20:53,650
그리고 이것은 단지 문체입니다.

466
00:20:53,650 --> 00:20:55,626
>> 당신은 같은이 작업을 수행 할 수
우리는 CS50에서하는 경향이있다.

467
00:20:55,626 --> 00:20:58,250
그러나 자바 스크립트에서, 대부분의 사람들
동일한 행에 유지하는 경향

468
00:20:58,250 --> 00:21:01,960
그냥 더 명확하게 때문에
키워드 기능과 연관.

469
00:21:01,960 --> 00:21:03,240
그래서 지금 무엇을 나는하고 있는가?

470
00:21:03,240 --> 00:21:08,616
>> form.email.value은 등호 동일한 경우
빈 문자열 또는 아무것도, 여기

471
00:21:08,616 --> 00:21:11,490
내가 무슨 말을하려고 해요 경고,
당신은, 당신의 이메일 주소를 제공해야합니다

472
00:21:11,490 --> 00:21:12,690
다음 false를 돌려줍니다.

473
00:21:12,690 --> 00:21:15,720
그리고 그 반환 거짓이다 그
제출되는 양식을 방지 할 수 있습니다.

474
00:21:15,720 --> 00:21:19,480
한편, 암호 값이면
빈, 나는 사용자 소리 치지거야

475
00:21:19,480 --> 00:21:21,150
당신이 암호를 제공해야합니다,라고.

476
00:21:21,150 --> 00:21:23,700
>> 한편 일들이 점점
여기에 약간의 애호가.

477
00:21:23,700 --> 00:21:29,160
form.password.value하지 않는 경우
동일 form.confirmation.value,

478
00:21:29,160 --> 00:21:31,680
다른 필드에 소리
사용자는 해당 암호

479
00:21:31,680 --> 00:21:33,860
그들은으로 일치하지 않습니다
좀 전에하지 않았다.

480
00:21:33,860 --> 00:21:35,780
그리고이 하나의
조금 섹시 나는 때문에

481
00:21:35,780 --> 00:21:40,470
나는 개념적으로 알고 알고
검사는 체크 박스의 이름입니다.

482
00:21:40,470 --> 00:21:45,680
>> 그래서 난 그냥 느낌표를 사용할 수 있습니다
검사가 아닌 경우 포인트는 대답

483
00:21:45,680 --> 00:21:48,040
checked--는 부울이다
true 또는 false-- 값,

484
00:21:48,040 --> 00:21:49,700
나는 그 이유에 대한 사용자 소리 치지 것이다.

485
00:21:49,700 --> 00:21:52,300
그렇지 않으면, 우리는 통과하는 경우
이러한 조건이 모두,

486
00:21:52,300 --> 00:21:53,270
그냥 true를 돌려 보자.

487
00:21:53,270 --> 00:21:54,700
양식을 제출하자.

488
00:21:54,700 --> 00:21:56,560
그리고이 후 발생합니다.

489
00:21:56,560 --> 00:21:57,740
>> 진홍색을 입력하자.

490
00:21:57,740 --> 00:22:00,230
의 박스를 확인하자, 회원 가입을 클릭합니다.

491
00:22:00,230 --> 00:22:01,979
지금은 목적지로 통과.

492
00:22:01,979 --> 00:22:03,270
지금, 거기에 어떤 데이터베이스가 없습니다.

493
00:22:03,270 --> 00:22:05,370
흥미있는 것은 아무 것도 없다
register.php에서.

494
00:22:05,370 --> 00:22:07,980
난 그냥 뭔가가 필요
실제로 이야기합니다.

495
00:22:07,980 --> 00:22:09,140
그래서 내가 여기에 일시 중지 할 수 있습니다.

496
00:22:09,140 --> 00:22:16,270
우리가 무슨 짓을했는지에 대한 질문
또는이 새로운 구문의 일부는 무엇인가?

497
00:22:16,270 --> 00:22:17,640
그래, OK?

498
00:22:17,640 --> 00:22:20,025
>> 청중 : 그래서 어떤 체크 박스
자동 부울입니다.

499
00:22:20,025 --> 00:22:21,650
당신은 그런 식으로 선언 할 필요가 없습니다.

500
00:22:21,650 --> 00:22:22,649
>> DAVID J. 마란 : 수정합니다.

501
00:22:22,649 --> 00:22:29,340
에서 발송 상관 없음 확인란
자바 스크립트 코드로 HTML 양식

502
00:22:29,340 --> 00:22:31,760
로, 예, 처리됩니다
부울 true 또는 false value--.

503
00:22:31,760 --> 00:22:32,635
그것은 좋은 질문입니다.

504
00:22:32,635 --> 00:22:36,080
다른 값 반면,의
물론, 텍스트, AKA 문자열왔다.

505
00:22:36,080 --> 00:22:38,500
>> 좋아, 그렇게하겠습니다
조금 더 뒤로.

506
00:22:38,500 --> 00:22:39,900
이것의 요점은 무엇입니까?

507
00:22:39,900 --> 00:22:41,400
그냥 명확합니다.

508
00:22:41,400 --> 00:22:44,940
마찬가지로, 우리는 이미도 Pset7에서, 알고
심지어 지난 주 강의에서

509
00:22:44,940 --> 00:22:51,120
우리가 분명히 확인할 수 예,
사용자가 우리에게 줄 경우 $ _GET $ _POST 참조

510
00:22:51,120 --> 00:22:52,200
빈 값.

511
00:22:52,200 --> 00:22:54,400
PHP에서 빈 함수를 기억하십시오.

512
00:22:54,400 --> 00:22:58,040
>> 그러니 무엇을, 명확하게
우리는 또한 이유 중 하나

513
00:22:58,040 --> 00:23:00,535
이 오류 검사를 수행 할
브라우저의 내부?

514
00:23:00,535 --> 00:23:03,350

515
00:23:03,350 --> 00:23:06,080
여기 동기는 무엇입니까?

516
00:23:06,080 --> 00:23:06,580
그래.

517
00:23:06,580 --> 00:23:09,735
>> 청중 : 빠른, 당신은하지 않습니다
서버에 쓸모없는 데이터를 전송합니다.

518
00:23:09,735 --> 00:23:10,610
DAVID J. 마란 : 좋은.

519
00:23:10,610 --> 00:23:11,170
이 빠릅니다.

520
00:23:11,170 --> 00:23:12,920
당신은 쓸모없는 전송하지 않습니다
서버에 데이터.

521
00:23:12,920 --> 00:23:14,670
>> 그래서 더 돌아 가야
즉각적인 응답.

522
00:23:14,670 --> 00:23:16,560
그리고 전반적으로, 사용자
경험이 더 낫다.

523
00:23:16,560 --> 00:23:17,900
대안에 대해 생각합니다.

524
00:23:17,900 --> 00:23:21,160
>> Gmail-- 및 경우
몇 년 전 경우.

525
00:23:21,160 --> 00:23:24,160
새 이메일을 자신의 Gmail 리라 곤 생각
계정하지만 유일한 방법 관통

526
00:23:24,160 --> 00:23:26,510
즉 같은,이다 보려면,
전체 페이지를 다시로드하십시오.

527
00:23:26,510 --> 00:23:29,030
또는 당신은 클릭있는 것으로한다
링크는 이메일을 읽을 수 있습니다.

528
00:23:29,030 --> 00:23:31,600
>> 모든 그래서 다시로드해야
당신은 이메일을 볼 수있다.

529
00:23:31,600 --> 00:23:33,380
또는 당신은 채팅 메시지가 Facebook--.

530
00:23:33,380 --> 00:23:36,000
당신이 다시로드 될 때까지 당신은 그것을 볼 수 없어
페이지 또는 일부 링크를 클릭합니다.

531
00:23:36,000 --> 00:23:38,380
>> 마찬가지로,이 지독하게 될 것입니다
성가신 사용자 경험을 제공합니다.

532
00:23:38,380 --> 00:23:41,300
그리고 이것은,이 같은 무엇입니다
명확하게, 다시 나는 UC에 출마 할 때

533
00:23:41,300 --> 00:23:44,760
그리고 웹은 훨씬 동적이었다
대중화로 자바 스크립트는 아니었다

534
00:23:44,760 --> 00:23:45,601
로 지금이다.

535
00:23:45,601 --> 00:23:47,850
그리고 일이 많이지고있다
보다 역동적이고 훨씬 더

536
00:23:47,850 --> 00:23:49,900
그런 의미에서 클라이언트 측.

537
00:23:49,900 --> 00:23:54,370
>> 그러나이 함정은 여기, 그리고
이 성가신 잡았다 가지입니다.

538
00:23:54,370 --> 00:23:58,720
그냥 당신이 클라이언트 측을 추가하기 때문에
이 같은 검출은 의미하지 않는다

539
00:23:58,720 --> 00:24:01,430
당신은 또는 포기해야 할 수 있습니다
서버 측 감지.

540
00:24:01,430 --> 00:24:04,080
당신은 기본적으로 당신을 데려 가고 싶다는
두 곳 모두에서 오류 검사.

541
00:24:04,080 --> 00:24:05,830
하나 무엇 때문에
배운 교훈

542
00:24:05,830 --> 00:24:10,270
기사에서 좀 발췌를 읽고
이 바보 CMS의 외 시스템과에서

543
00:24:10,270 --> 00:24:14,410
이었다 콘​​텐츠 관리 외 시스템
그 인증 시스템을 구현

544
00:24:14,410 --> 00:24:16,790
어떤 메커니즘을 통해 자사의 로그인?

545
00:24:16,790 --> 00:24:19,515

546
00:24:19,515 --> 00:24:20,469
자바 스크립트.

547
00:24:20,469 --> 00:24:21,499
>> 청중 : 자바 스크립트.

548
00:24:21,499 --> 00:24:23,290
DAVID J. 마란 :
자바 스크립트, 정확하게, 맞죠?

549
00:24:23,290 --> 00:24:24,610
그것은 자바 스크립트를 사용했다.

550
00:24:24,610 --> 00:24:27,120
문자 그대로, 너희들이
아마 조금 연주

551
00:24:27,120 --> 00:24:28,700
크롬의 경위와.

552
00:24:28,700 --> 00:24:30,890
나는 그것을 찾을 수 있다면, 요소를 검사합니다.

553
00:24:30,890 --> 00:24:33,670
>> 내가 할 이상 가자
크롬의 모든 옵션.

554
00:24:33,670 --> 00:24:37,080
그리고 그것이 얼마나 쉽게
브라우저에서 자바 스크립트를 비활성화합니다.

555
00:24:37,080 --> 00:24:38,950
더 이상 자바 스크립트를 확인합니다.

556
00:24:38,950 --> 00:24:41,070
>> 그래서 공정성에, 많은
요즘 웹의

557
00:24:41,070 --> 00:24:43,430
해서 휴식 것입니다
Gmail 및 다른 sites--

558
00:24:43,430 --> 00:24:46,140
가정 Facebook--
자바 스크립트를 사용할 수 있습니다.

559
00:24:46,140 --> 00:24:50,180
하지만 당신은 바보 같은 일을하는 경우
같은 사용자 만 입력의 유효성을 검사

560
00:24:50,180 --> 00:24:52,520
그리고 그것을 확인
클라이언트 측에서 에러,

561
00:24:52,520 --> 00:24:54,940
공격자는 쉽게 할 수 있습니다.

562
00:24:54,940 --> 00:24:57,180
그리고 심지어 스마트
너희들 같은 상대

563
00:24:57,180 --> 00:25:01,120
지금 텔넷이나 컬을 사용할 수 있습니다
아니면 그냥 명령 줄 명령

564
00:25:01,120 --> 00:25:05,300
실제로 서버에 메시지를 보내
그와 유사하게 확인하지 않은 오류.

565
00:25:05,300 --> 00:25:08,380
>> 그래서이의 더
사용자 인터페이스 결정

566
00:25:08,380 --> 00:25:13,060
이 기술 실제보다
improvement-- 구현

567
00:25:13,060 --> 00:25:14,410
이 같은 클라이언트 쪽.

568
00:25:14,410 --> 00:25:16,800
그래서 지금 빠른 눈,하지만
나는 온라인 도보로 연기하기

569
00:25:16,800 --> 00:25:17,674
이 하나를 통해.

570
00:25:17,674 --> 00:25:21,480
양식이, 우리는 실제로 겪었
및 코드를 조금 정리.

571
00:25:21,480 --> 00:25:23,650
그러나 나 하나 연기하자
동영상의 우리는 가능성이거야

572
00:25:23,650 --> 00:25:27,970
당신을 보여줍니다 Pset8에 포함
라는 라이브러리를 사용하여 유사한 구문

573
00:25:27,970 --> 00:25:32,320
슈퍼, 슈퍼입니다 jQuery를,
자바 스크립트에서 인기있는 라이브러리

574
00:25:32,320 --> 00:25:34,510
그 솔직히 대부분의 사람들
다만 요즘 사용

575
00:25:34,510 --> 00:25:37,070
심지어 같은 혼란
자바 스크립트가 자체.

576
00:25:37,070 --> 00:25:38,950
>> 그리고 그것은 포함하는 경향이있다
일부 달러 기호

577
00:25:38,950 --> 00:25:41,350
및 문서와 같은 키워드
여기에 괄호.

578
00:25:41,350 --> 00:25:44,480
그러나 다시, 나에게 연기하자
온라인 약간 느린 자습서

579
00:25:44,480 --> 00:25:46,750
보다는 단지 구문에 묶여 얻을.

580
00:25:46,750 --> 00:25:48,630
의는로 이동하자
작은 쿨러 무엇인가

581
00:25:48,630 --> 00:25:50,520
이러한 응용 프로그램의 측면에서.

582
00:25:50,520 --> 00:25:57,730
>> 특히 그래서, 내가 가자
앞으로 여기에이를 엽니 다.

583
00:25:57,730 --> 00:25:58,340
어서.

584
00:25:58,340 --> 00:25:59,380
우리가 이동합니다.

585
00:25:59,380 --> 00:26:01,500
>> 내가 여기이 사진을 열어 보자.

586
00:26:01,500 --> 00:26:03,450
불필요하게 복잡한
찾고 있지만,

587
00:26:03,450 --> 00:26:07,880
이라는 기술을 설명 AJAX--
비동기 자바 스크립트와 XML,

588
00:26:07,880 --> 00:26:10,530
XML에 대한 X는 실제로
더 이상 정말 사용하지 않습니다.

589
00:26:10,530 --> 00:26:13,430
이 것을 사용하는 경향이있다
다른 JSON을했다.

590
00:26:13,430 --> 00:26:16,560
>> 그러나 여기 방법 뭔가처럼
구글 맵이나 구글 어스 작동합니다.

591
00:26:16,560 --> 00:26:18,060
의 실제로 즉시 해보자.

592
00:26:18,060 --> 00:26:21,590
내가 가서 열어 보자
브라우저 최대 크롬.

593
00:26:21,590 --> 00:26:26,236
>> 그리고, 나에게로 가자
, maps.google.com을 말한다.

594
00:26:26,236 --> 00:26:29,260

595
00:26:29,260 --> 00:26:31,930
실제로, 당신은 늙었 경우
무엇을 기억하기에 충분한,

596
00:26:31,930 --> 00:26:35,600
같은, 맵 퀘스트는 하루에 다시 같았다
어쩌면 그들은 여전히​​ 다음과 같이 작동합니다.

597
00:26:35,600 --> 00:26:38,870
당신은 그 어떤 것도 검색하는 데 사용하는 경우
33 옥스포드 스트리트 (Oxford Street), 캠브리지, 질량,

598
00:26:38,870 --> 00:26:40,650
의 이일 당신을하자
실제로 것, 당신이 경우

599
00:26:40,650 --> 00:26:43,000
최대 팬 싶었다
상하 좌우

600
00:26:43,000 --> 00:26:44,920
당신은 같을 것이다
큰 상단에 화살표를하고,

601
00:26:44,920 --> 00:26:46,921
당신이 다른을 보여 주 시겠어요
여기까지지도의 프레임.

602
00:26:46,921 --> 00:26:49,753
또는 당신은 당신에게 왼쪽을 클릭 것
여기에 가서, 또는 다른 클릭 것

603
00:26:49,753 --> 00:26:51,000
당신은 여기에 갈 것입니다.

604
00:26:51,000 --> 00:26:53,000
하지만 그 대신이
일, 우리 물론 단지

605
00:26:53,000 --> 00:26:55,970
우리가 갈 수 있다는 것을 당연시
캠브리지 주위에 꽤 빨리

606
00:26:55,970 --> 00:26:57,550
그냥 클릭하고 드래그하여.

607
00:26:57,550 --> 00:26:59,130
그러나 일부 결함이있다 확인할 수 있습니다.

608
00:26:59,130 --> 00:27:02,160
>> 내가 충분히 빨리이 작업을 수행 할 경우,
무슨 일이 일어나고있는 것 같다

609
00:27:02,160 --> 00:27:05,960
내가 드래그 너무 빨리
컴퓨터 유지하기 위해?

610
00:27:05,960 --> 00:27:07,160
당신은 무엇을 보는가?

611
00:27:07,160 --> 00:27:07,660
그래.

612
00:27:07,660 --> 00:27:09,232
>> 청중 : 픽셀이 새로 고쳐지지 않습니다.

613
00:27:09,232 --> 00:27:10,940
DAVID J. 마란 :
픽셀은 새로 고쳐지지 않습니다.

614
00:27:10,940 --> 00:27:12,870
그러니까 ... 당신을있다
실제로,이를 볼 수 있었다,

615
00:27:12,870 --> 00:27:15,360
당신이 온라인으로 일시 정지보고있는 경우
이 또는 실제로는 느려진다

616
00:27:15,360 --> 00:27:18,600
once-- 당신이 있다는 것을 볼 수 있습니다
타일​​, 정사각형, 또는 직사각형 그

617
00:27:18,600 --> 00:27:22,040
지도에서까지 누락
분할 초 후, 더 많은 데이터,

618
00:27:22,040 --> 00:27:24,390
실제로 더 많은 이미지
화면에 나타납니다.

619
00:27:24,390 --> 00:27:29,810
그리고 사실, 우리는 찾고하여이 작업을 수행 할 경우
이제, Chrome--를 가정 해 봅시다 Chrome's--까지

620
00:27:29,810 --> 00:27:30,310
어디 보자.

621
00:27:30,310 --> 00:27:31,090
우리는 할 수 없습니다.

622
00:27:31,090 --> 00:27:31,860
>> 아차, 오.

623
00:27:31,860 --> 00:27:34,761
의는 maps.google.com을 열어 보자.

624
00:27:34,761 --> 00:27:36,660
다시 한번 창을 더 만들어 보자.

625
00:27:36,660 --> 00:27:38,836
>> 다시 33 옥스포드 스트리트 (Oxford Street)로 이동합니다.

626
00:27:38,836 --> 00:27:42,010

627
00:27:42,010 --> 00:27:43,760
나는 최근에 있던 웹 사이트는 무엇입니까?

628
00:27:43,760 --> 00:27:46,440
나는이 같은 개인 호언 장담을했다
자신은 그때 인스턴트 메시지 거라고

629
00:27:46,440 --> 00:27:48,470
온라인 중이던 친구
누가 그것을 듣고 싶었다.

630
00:27:48,470 --> 00:27:49,345
일부 웹 사이트가있다.

631
00:27:49,345 --> 00:27:52,680
나는 그렇게 Comcast-- 생각
매우 큰 미국 ISP.

632
00:27:52,680 --> 00:27:56,355
당신은 새로운 케이블을 위해, 가입 때
모뎀 서비스 또는 케이블 TV 서비스,

633
00:27:56,355 --> 00:27:59,230
그들은 매우 합리적으로 형태가
여기서 그들이 당신의 주소를 요청합니다.

634
00:27:59,230 --> 00:28:01,450
그리고이 놀라운이
자동 완성이라는 기능,

635
00:28:01,450 --> 00:28:04,600
구글과 같은, 즉 차기 시작
질문에 대한 대답.

636
00:28:04,600 --> 00:28:08,090
>> 문제점은 자동 완성을 수행한다
사용자가 입력하는 최초의 것들에.

637
00:28:08,090 --> 00:28:12,890
그래서 당신은 (33)에 입력을 시작하면, 그것을
모든 집 말 그대로 표시됩니다

638
00:28:12,890 --> 00:28:15,790
미국에서 그 시작
수 (33)

639
00:28:15,790 --> 00:28:17,920
계속하기 전에
당신이 더 많은 입력 할 전망이다.

640
00:28:17,920 --> 00:28:20,660
옥스포드 (33)을 입력한다면,
그것은 당신에게 모든 거리를 보여줍니다

641
00:28:20,660 --> 00:28:24,726
미국에서 33 옥스포드가 그
에 관계없이 도시의 이름,

642
00:28:24,726 --> 00:28:25,350
당신은에 걸.

643
00:28:25,350 --> 00:28:26,320
>> 그리고 당신은 입력을 계속합니다.

644
00:28:26,320 --> 00:28:28,930
그리고 마지막으로, 그들이 그렇지 않은 것을 실현
캠브리지에있는 당신의 가정에 제공하는 서비스

645
00:28:28,930 --> 00:28:29,920
또는 그런 일.

646
00:28:29,920 --> 00:28:33,410
그러나이 점은, 가장이다
자동차의 나귀 구현

647
00:28:33,410 --> 00:28:34,140
이제까지 완료합니다.

648
00:28:34,140 --> 00:28:36,400
>> 그리고 난 그냥 오프거야
이 접선에 다시.

649
00:28:36,400 --> 00:28:39,040
그러나 좋은 방법이 있습니다
자바 스크립트와 나쁜 방법을 사용합니다.

650
00:28:39,040 --> 00:28:40,750
그리고 반드시 최고의 하나 아니다.

651
00:28:40,750 --> 00:28:46,360
>> 그러나이 전에 여기 포인트,
장황한 연설, 도구를 여기로 개방했다

652
00:28:46,360 --> 00:28:49,480
그리고, 개발자 도구를 엽니 다
우리가 전에 권장 한대로,

653
00:28:49,480 --> 00:28:52,840
및 네트워크를 볼
탭 정말 빠른 클릭으로.

654
00:28:52,840 --> 00:28:55,400
그리고 왕창주의
의 요청이 있었 얻을.

655
00:28:55,400 --> 00:28:57,310
내가 끌고 있기 때문에이 모든 일이.

656
00:28:57,310 --> 00:29:00,170
>> 그리고 가장 가능성, 참으로
이러한 행 많이

657
00:29:00,170 --> 00:29:04,060
지금 이미지 슬래시 JPEG입니다
MIME 유형 또는 콘텐츠 형식.

658
00:29:04,060 --> 00:29:07,750
무엇을하고 있는지 크롬 때문이다
내가 클릭하고 드래그 할 때마다 클릭

659
00:29:07,750 --> 00:29:11,650
그리고, 나는 그것이 오, 실현의 드래그입니다
타일​​ 구글에게 물어 갈 필요가

660
00:29:11,650 --> 00:29:15,080
여기의지도,
신속하게 HTTP를 통해 다운로드,

661
00:29:15,080 --> 00:29:19,550
다음 소위 DOM에 추가
메모리 트리에서 웹 브라우저에

662
00:29:19,550 --> 00:29:24,430
표현 사용자 있도록,
나, 업데이트 된 타일을 본다.

663
00:29:24,430 --> 00:29:26,795
그리고이 때문에입니다
AJAX라는 기술.

664
00:29:26,795 --> 00:29:28,920
위로 하루에, 그것은 정말
그 경우였다 당신 경우

665
00:29:28,920 --> 00:29:33,050
화면에 무슨 변경을 원했습니다,
당신이 클릭 할 것, 아래, 왼쪽,

666
00:29:33,050 --> 00:29:33,550
권리.

667
00:29:33,550 --> 00:29:34,740
그리고 새로운 페이지가 열릴 것입니다.

668
00:29:34,740 --> 00:29:36,531
그러나 요즘, 모든
더 동적입니다.

669
00:29:36,531 --> 00:29:40,490
그것은 우리 인간이하는 방법과에서 일어나는
실제로 대화 형 것이라고 희망한다.

670
00:29:40,490 --> 00:29:43,210
그리고 이것을 달성
이라는 기술의 방법

671
00:29:43,210 --> 00:29:46,170
아마도 가장 좋습니다 AJAX,
예제를 통해 설명했다.

672
00:29:46,170 --> 00:29:49,730
첫째, 내가 앞서 가자
그리고 파일을 열어

673
00:29:49,730 --> 00:29:53,540
에 quote.php라고
오늘의 분배 코드.

674
00:29:53,540 --> 00:29:56,200
>> 그리고 나를 symbol-- 으악 해 보자.

675
00:29:56,200 --> 00:30:02,399
나 기호를하자 = GOOG
그냥 주식.

676
00:30:02,399 --> 00:30:04,440
또는 사실의이 해 보자
Pset에 무료로 하나.

677
00:30:04,440 --> 00:30:05,270
입력합니다.

678
00:30:05,270 --> 00:30:06,580
>> 그리고 지금 내가 돌아올 것을 알 수 있습니다.

679
00:30:06,580 --> 00:30:09,210
그래서 이것은 정말
짧은 PHP 파일이 I

680
00:30:09,210 --> 00:30:13,210
단순히 코드를 빌려 썼다
Pset7의 검색 기능에서

681
00:30:13,210 --> 00:30:17,830
이 중괄호를 사용하여 뱉어과
시세 및 콜론 표기법, 분명히,

682
00:30:17,830 --> 00:30:22,747
현재 주식의 가격
당신이 얻을 통해 전달할 회사입니다.

683
00:30:22,747 --> 00:30:24,580
그래서이 다르다
우리가했습니다 무엇의 대부분에서

684
00:30:24,580 --> 00:30:26,496
난 그 통지에서 수행
말 그대로 뱉어

685
00:30:26,496 --> 00:30:27,870
어떻게 자바 스크립트 코드처럼 보인다.

686
00:30:27,870 --> 00:30:30,020
>> 사실, 이것은 JavaScript 객체이다.

687
00:30:30,020 --> 00:30:34,130
사실, 그냥 더 명확하게
JSON-- Notation-- JavaScript 객체

688
00:30:34,130 --> 00:30:38,330
당신이 말하는 단지 멋진 방법입니다
많은 자바 스크립트 데이터를 나타낼 수있다

689
00:30:38,330 --> 00:30:41,660
같은 당신은 PHP에서 할 수 있습니다
키 값 쌍을 사용.

690
00:30:41,660 --> 00:30:44,270
내가 선언하기를 원한다면 이렇게
자바 스크립트의 변수

691
00:30:44,270 --> 00:30:47,872
에은을 위해, Zamyla을 나타냅니다
Zamyla--에 대한 구조체를 instance--

692
00:30:47,872 --> 00:30:49,580
우리는 그것을 전화 할게
학생이 변수.

693
00:30:49,580 --> 00:30:53,060
그녀 ID는 집이고, 하나
윈스 롭, 그리고 이름은 Zamyla입니다.

694
00:30:53,060 --> 00:30:55,490
>> 그러나 나는 또한 객체의 배열을 가질 수 있습니다.

695
00:30:55,490 --> 00:30:58,710
그래서 내가 실제로하고 싶어하는 경우
포함 된 자바 스크립트의 배열

696
00:30:58,710 --> 00:31:01,740
여러 이러한 객체,이
시간은 직원을 대표하는

697
00:31:01,740 --> 00:31:04,910
나는이 세 가지가있을 수 있습니다
다시 코드의 덩어리

698
00:31:04,910 --> 00:31:08,560
이들에 대해 다시 다시하는
세 전직 직원.

699
00:31:08,560 --> 00:31:12,201
그래서 구문, 꽤
PHP에 both-- 유사합니다.

700
00:31:12,201 --> 00:31:13,700
그러나 이것은 특히 자바 스크립트입니다.

701
00:31:13,700 --> 00:31:15,940
그것은 객체 표기법입니다.

702
00:31:15,940 --> 00:31:17,240
그래서이 유용 무엇인가?

703
00:31:17,240 --> 00:31:21,580
>> 내가 코드를 작성하는 경우 그 뱉어 JSON--
물건 Notation-- JavaScript 객체 그

704
00:31:21,580 --> 00:31:24,670
이 또는 물건처럼 보이는
, Zamyla의 구조처럼 보인다

705
00:31:24,670 --> 00:31:27,730
사실은이를 사용할 수 있습니다
프로그램에서 나는 쓰기.

706
00:31:27,730 --> 00:31:30,660
나를 ajax0.html 가자.

707
00:31:30,660 --> 00:31:33,310
그리고이 훨씬하지를 너무 ...
미학에 주어진 생각했다.

708
00:31:33,310 --> 00:31:34,660
그러나 어떤 일이 일어 났는지.

709
00:31:34,660 --> 00:31:37,050
>> 내가 가서 여기에 무료로 입력 할 수 있습니다.

710
00:31:37,050 --> 00:31:38,490
견적을 가져 오기를 클릭합니다.

711
00:31:38,490 --> 00:31:41,060
그리고 URL이 변경되지 않은 알 수 있습니다.

712
00:31:41,060 --> 00:31:47,250
하지만 분명히으로 팝업을 얻었다
$ 0.15의 오늘의 페니 주식 가격.

713
00:31:47,250 --> 00:31:49,062
그래서 모든 나쁘지 않다.

714
00:31:49,062 --> 00:31:52,020
그러나 차이점은, 그 여하튼
이 데이터는 직접 나에게 돌아왔다.

715
00:31:52,020 --> 00:31:54,250
그러나 이제 방향으로 조치를 취할 수 있도록
더 익숙한 뭔가.

716
00:31:54,250 --> 00:31:58,900
이 버전에서, 저를 보자
견적을 가져 오기를 클릭, 무료 다시 입력

717
00:31:58,900 --> 00:32:01,146
아 지금은 -이이었다
실제로 jQuery를 버전.

718
00:32:01,146 --> 00:32:03,270
내가하지 않았다는데 ... 이렇게하자
아주 충분히 빨리 감기.

719
00:32:03,270 --> 00:32:05,830
저 버전 두 가지로 가자
이는 내가 원하는 곳입니다.

720
00:32:05,830 --> 00:32:07,260
내가 여기에 무슨 짓을했는지 알 수 있습니다.

721
00:32:07,260 --> 00:32:10,370
나는 웹 슈퍼 page--이
웹 페이지의 간단한 버전

722
00:32:10,370 --> 00:32:14,260
당신은 텍스트 필드와 오늘을 사용할 수 있습니다
여기에 무료로하고 명백하게 단지

723
00:32:14,260 --> 00:32:14,880
텍스트.

724
00:32:14,880 --> 00:32:16,860
>> 이것은 분명히, 여기에 양식을하지 않습니다.

725
00:32:16,860 --> 00:32:19,360
하지만 클릭하면 얻을
인용, 내 웹 페이지를 발견

726
00:32:19,360 --> 00:32:22,760
나는 것처럼 변경에 대한 인
단지 새로운 인스턴트 메시지를 받았습니다

727
00:32:22,760 --> 00:32:25,360
또는 그냥 이동 것처럼
지도와 더 많은 데이터를 얻을 필요

728
00:32:25,360 --> 00:32:29,220
웹 페이지에 동적으로 추가
URL을 변경하고 사용자없이

729
00:32:29,220 --> 00:32:30,980
경험이 중단지고.

730
00:32:30,980 --> 00:32:35,750
사실, 난 아직이야
동일한 휴양지를 ajax2.html.

731
00:32:35,750 --> 00:32:39,080
>> 그래서이 예제 만 살펴 보자
그리고 이런 일이 방법을 참조하십시오.

732
00:32:39,080 --> 00:32:42,490
나를 ajax2.html로 가자.

733
00:32:42,490 --> 00:32:44,770
먼저 양식을 알 수 있습니다.

734
00:32:44,770 --> 00:32:47,092
>> 여기선 내가겠다
자동 완성 끕니다.

735
00:32:47,092 --> 00:32:48,800
때때로 가져
브라우저가있는 경우 성가신

736
00:32:48,800 --> 00:32:50,508
당신을 보여주기 위해 노력하고있다
전체 역사.

737
00:32:50,508 --> 00:32:53,450
그래서 당신은에 의해 HTML에서이 작업을 수행 할 수 있습니다
다만 자동 해제 완료라고.

738
00:32:53,450 --> 00:32:57,290
>> 나는이 텍스트 필드를 준
symbol-- 기호가 아니라, ID.

739
00:32:57,290 --> 00:32:58,977
그리고 지금,이 흥미로운 기능입니다.

740
00:32:58,977 --> 00:33:01,310
우리는 범위에 대해 얘기하지 않은
하지만 당신은 그것에 대해 생각 할 수 있습니다

741
00:33:01,310 --> 00:33:03,177
단락 태그 또는 DIV 태그있다.

742
00:33:03,177 --> 00:33:05,010
그것은라고있는 일이지
인라인 소자, 어느

743
00:33:05,010 --> 00:33:07,415
당신은 단락을받지 않습니다 의미
위하고 아래 휴식.

744
00:33:07,415 --> 00:33:11,530
그냥없이 인라인 머물 것
입력에 해당하는 타격.

745
00:33:11,530 --> 00:33:17,980
그래서 HTML의이 덩어리를 준
고유 식별자를 결정한다

746
00:33:17,980 --> 00:33:20,130
내가 임의로 가격이라는 것을.

747
00:33:20,130 --> 00:33:21,560
그리고 난 제출 버튼을 가지고있다.

748
00:33:21,560 --> 00:33:25,420
>> 지금 이곳에이이기 때문에
실제로 슈퍼 놀라운 방법 작은 코드

749
00:33:25,420 --> 00:33:27,660
당신은 어떻게 쓸 수 있습니다
계속 물건 상대적으로 깔끔한

750
00:33:27,660 --> 00:33:31,800
알 나는 경우 여기에 무슨 짓을했는지
이 페이지의 머리까지 스크롤합니다.

751
00:33:31,800 --> 00:33:34,970
내가 처음에 포함 시켰습니다
내 머리 스크립트 태그

752
00:33:34,970 --> 00:33:37,410
실제로 참조
자바 스크립트는 다른 파일입니다.

753
00:33:37,410 --> 00:33:39,702
이것은 조직 내지
즉, jQuery를 씁니다

754
00:33:39,702 --> 00:33:42,660
이것은 당신에게 최신을주고있다
자신의 jQuery 라이브러리의 버전.

755
00:33:42,660 --> 00:33:46,305
>> 그래서이 날카로운 같은 종류의 것입니다
C에 포함 또는 PHP에 필요합니다.

756
00:33:46,305 --> 00:33:48,900
당신은 스크립트 태그를 사용하여
소스 속성을 가진.

757
00:33:48,900 --> 00:33:52,030
하지만 지금은 내 자신의 코드입니다
여기에 바로 될 것.

758
00:33:52,030 --> 00:33:54,170
>> 내가 함수라는 지수를 확인할 수 있습니다.

759
00:33:54,170 --> 00:33:56,180
그리고 그것은 조금 보인다
언뜻보기에 애매.

760
00:33:56,180 --> 00:33:57,305
그러나 이제이 떨어져 애타게 할 수 있습니다.

761
00:33:57,305 --> 00:33:59,090
나에게 변수라는 URL을 제공합니다.

762
00:33:59,090 --> 00:34:01,390
말 그대로이 문자열을 할당합니다.

763
00:34:01,390 --> 00:34:04,530
그래서, 작은 따옴표, 큰 따옴표
자바 스크립트는 나에게 문자열을 제공합니다.

764
00:34:04,530 --> 00:34:06,900
플러스 기능은 무엇입니까?

765
00:34:06,900 --> 00:34:08,199
연결.

766
00:34:08,199 --> 00:34:12,610
>> 그래서 이제 jQuery를 구문은
이는 익숙해 조금 걸립니다.

767
00:34:12,610 --> 00:34:18,310
그러나 이것은 단지 나에게 DOM 가서 의미
누구의 고유 식별자 상징 노드.

768
00:34:18,310 --> 00:34:21,929
이 의미 해시 태그
고유 식별자 기호.

769
00:34:21,929 --> 00:34:24,929
>> 에 달러 기호
다만 의미 괄호,이 포장

770
00:34:24,929 --> 00:34:28,510
비밀 소스의 jQuery를의 종류 그래서
당신은 추가 기능을 얻을.

771
00:34:28,510 --> 00:34:31,880
그리고 .val는 분명히있다
함수, 또는 우리가 지금 말하는대로,

772
00:34:31,880 --> 00:34:35,219
이 노드의 내부 방법
그것은 단지 당신에게 가치를 제공합니다.

773
00:34:35,219 --> 00:34:38,896
짧은 추하고 혼란에 따라서
이 먼저 눈에 보이는대로,

774
00:34:38,896 --> 00:34:42,020
이것은 방금 입력 한 사용자와 얻을 의미
에서, 문자열의 끝에 넣어

775
00:34:42,020 --> 00:34:42,880
를 연결하여.

776
00:34:42,880 --> 00:34:43,739
그게 다야.

777
00:34:43,739 --> 00:34:46,070
>> 그래서 지금, 마지막 세 줄.

778
00:34:46,070 --> 00:34:48,690
당신은 많은 수 있겠 어
세 개의 라인에서 기능.

779
00:34:48,690 --> 00:34:52,199
등이 달러 기호,
옆 단지 별명

780
00:34:52,199 --> 00:34:55,800
특별한 전역 변수에 대한
jQuery를 그대로라고합니다.

781
00:34:55,800 --> 00:34:57,060
>> 달러 기호는 멋진 보인다.

782
00:34:57,060 --> 00:35:00,080
그래서 jQuery를 커뮤니티 단지 종류
자신의 특수 기호로 사용.

783
00:35:00,080 --> 00:35:02,470
그것은 PHP에서 무엇을 의미하는지 의미하지 않는다.

784
00:35:02,470 --> 00:35:06,356
자바 스크립트, 달러 기호입니다
단지 알파벳의 편지 같은

785
00:35:06,356 --> 00:35:07,480
또는 변수의 수.

786
00:35:07,480 --> 00:35:09,000
>> 당신은 이름으로 할 수 있습니다.

787
00:35:09,000 --> 00:35:09,770
그냥 멋진 보인다.

788
00:35:09,770 --> 00:35:11,890
지역 사회 그래서
별명으로 채택

789
00:35:11,890 --> 00:35:13,390
jQuery를라는 자신의 라이브러리.

790
00:35:13,390 --> 00:35:15,060
>> 그리고 그것은 매우 인기.

791
00:35:15,060 --> 00:35:17,620
그래서 JSON가 정확히 얻을.

792
00:35:17,620 --> 00:35:19,920
이 함수의 그
jQuery를에 사람들은 쓴

793
00:35:19,920 --> 00:35:23,340
그 server--에서 JSON을 가져옵니다
자바 스크립트 객체 표기법.

794
00:35:23,340 --> 00:35:25,680
어떤 URL에서 그것은 것입니다
그 정보는 어디에서 얻을 수 있습니까?

795
00:35:25,680 --> 00:35:27,790
분명히 여기에이 URL에서.

796
00:35:27,790 --> 00:35:31,180
>> 그리고 브라우저로 무엇을해야합니까
그것은이 응답을 얻을 마자?

797
00:35:31,180 --> 00:35:36,500
그리고 이것은 AJAX의 마법에, 그래서이다
XML에 speak-- 비동기 자바 스크립트.

798
00:35:36,500 --> 00:35:41,320
이 같은으로보기 힘들었 지요
우리가 여기에 있었다으로 간단한 예.

799
00:35:41,320 --> 00:35:44,730
>> 그러나 이것은 비동기했다
감각이 내 코드 때

800
00:35:44,730 --> 00:35:48,530
에 메시지를 보내 실행
서버는 좀 JSON을 얻을 이동합니다.

801
00:35:48,530 --> 00:35:51,340
그리고 슈퍼 순식간에 일어난 일
제가 응답을 얻었다.

802
00:35:51,340 --> 00:35:55,130
그러나 흥미로운 것은이 때문이다
코드의 라인은 컴퓨터를 끊지 않았다.

803
00:35:55,130 --> 00:35:56,550
>> 나는 회전 아이콘이 표시되지 않았다.

804
00:35:56,550 --> 00:35:59,200
난을 잃지 않았다
내 마우스를 이동하는 능력.

805
00:35:59,200 --> 00:36:01,340
브라우저 실제로 완벽하게 정상적으로이었다.

806
00:36:01,340 --> 00:36:06,290
>> 방법은 자바 스크립트를 처리하므로
다음과 같이 서버로부터의 응답이다.

807
00:36:06,290 --> 00:36:09,740
당신은 당신이라고 부르는 등록
콜백 함수 어느

808
00:36:09,740 --> 00:36:12,830
다만, 헤이, 자바 스크립트를 의미한다.

809
00:36:12,830 --> 00:36:16,100
즉시 서버로
JSON으로 응답,

810
00:36:16,100 --> 00:36:18,750
이 익명의 함수를 호출하십시오.

811
00:36:18,750 --> 00:36:23,910
>> 그리고이 함수에 전달하십시오
어떤 문자열 서버가 뱉어

812
00:36:23,910 --> 00:36:26,080
인수는 데이터를 불렀다.

813
00:36:26,080 --> 00:36:28,360
그래서 다른, 즉, 경우
동적으로 조립 해요

814
00:36:28,360 --> 00:36:33,370
이 전달 URL의 quote.php
무료 또는 GOOG 또는 이것 저것 같은 기호,

815
00:36:33,370 --> 00:36:36,830
그럼 내가 말하는거야
자바 스크립트는 해당 URL을 가서.

816
00:36:36,830 --> 00:36:39,080
브라우저 기억
뭔가를 반환 할 것입니다

817
00:36:39,080 --> 00:36:42,680
우리가 이것을 earlier-- 본 것처럼 그 보인다.

818
00:36:42,680 --> 00:36:45,940
>> 그리고 무엇을 두 번째 인수
여기에 JSON이 말하는 얻을 수

819
00:36:45,940 --> 00:36:48,450
이 함수를 호출한다
때 서버가 돌아 오기

820
00:36:48,450 --> 00:36:52,440
이 10 밀리 초 여부
지금 또는 지금 10 초.

821
00:36:52,440 --> 00:36:55,840
그리고 바로 당신이로,
페이지에 가격을 추가합니다.

822
00:36:55,840 --> 00:36:58,030
이 구문 여기에 단지
노드를 가서 의미

823
00:36:58,030 --> 00:37:01,940
누구의 고유 식별자 트리에서
우리가 이전에 보았던 그 범위 price--입니다.

824
00:37:01,940 --> 00:37:04,320
>> HTML이라고하는이 방법
다만, 대체 이동 말한다

825
00:37:04,320 --> 00:37:08,770
data.price에있다 HTML.

826
00:37:08,770 --> 00:37:10,200
data.price은 무엇입니까?

827
00:37:10,200 --> 00:37:12,850
음, 브라우저, 기억,
날이 돌아오고 있었다.

828
00:37:12,850 --> 00:37:14,540
따라서이 데이터입니다.

829
00:37:14,540 --> 00:37:18,100
>> 그리고 그것은 조금 애매이다
쉼표를 여기에서 볼 수 있습니다.

830
00:37:18,100 --> 00:37:19,350
하지만 사실, 내가이 작업을 수행 할 수 있습니다.

831
00:37:19,350 --> 00:37:22,890
나 그냥이 붙여 보자
정말 빨리의 gedit로

832
00:37:22,890 --> 00:37:27,240
우리가 보여 주었다처럼이 보여
이전 Zamyla의 구조.

833
00:37:27,240 --> 00:37:31,610
>> 어떤 서버가 다시 보내는 것은
이처럼 보이는 작은 물체.

834
00:37:31,610 --> 00:37:37,140
그리고 data.price입니다
단지 나에게 0.1515을 제공합니다.

835
00:37:37,140 --> 00:37:39,310
이동 그래서 많은
부품 여기에 한 번에.

836
00:37:39,310 --> 00:37:41,860
>> 그러나 키 테이크 아웃입니다
우리는이 능력을 가지고 있음

837
00:37:41,860 --> 00:37:44,600
추가 HTTP를 만들기 위해
자바 스크립트를 사용하여 요청

838
00:37:44,600 --> 00:37:46,090
페이지를 다시로드하지 않고.

839
00:37:46,090 --> 00:37:49,580
그리고 우리가 실제로 할 수있는
즉석에서 웹 페이지를 변경합니다.

840
00:37:49,580 --> 00:37:51,850
그리고 그것은 밝혀
자바 스크립트와 다른 언어

841
00:37:51,850 --> 00:37:54,510
지금 사용할 수 있습니다뿐만 아니라,
웹 페이지를 돌연변이,

842
00:37:54,510 --> 00:37:57,960
실제로 소프​​트웨어를 작성할
실제 컴퓨터에서,

843
00:37:57,960 --> 00:38:00,240
다만 크롬 등으로 국한되지.

844
00:38:00,240 --> 00:38:03,530
>> 사실, 당신을 콜튼을 것 그렇다 니
우리를 여기에 다시 가입하려면

845
00:38:03,530 --> 00:38:06,100
랩 코드, 장과와?

846
00:38:06,100 --> 00:38:09,140
의에 대해 이야기하는 데, 앞서 가자
익명 함수 및 콜백

847
00:38:09,140 --> 00:38:13,090
정말 여기에 운명을 유혹
출혈 라이브 데모와

848
00:38:13,090 --> 00:38:16,480
최신 기술 중 하나
이러한 엘리트 운동 장치.

849
00:38:16,480 --> 00:38:18,940
자,이 장치, 리콜,
작은 USB 장치는

850
00:38:18,940 --> 00:38:25,620
그뿐만 아니라이 아름다운 여성의 ... 그 얘기
그게 당신의 USB 포트에 연결합니다.

851
00:38:25,620 --> 00:38:29,120
>> 그리고 다음은 입력을 제공
인간 제스처의 형태

852
00:38:29,120 --> 00:38:32,560
적외선 광선을 사용하여 검출함으로써,
본질적으로, 팔의 움직임.

853
00:38:32,560 --> 00:38:35,150
그래서 마리아 뭘하려 반면,
에 전에, 근육이었다

854
00:38:35,150 --> 00:38:39,000
실제로 변경 무슨 느낌
팔이 기반 적외선입니다.

855
00:38:39,000 --> 00:38:44,390
그래서 내 움직임을 찾고
발 정도의 구형의 종류

856
00:38:44,390 --> 00:38:46,190
장치 자체의.

857
00:38:46,190 --> 00:38:48,950
>> 그래서 내가 왜하지 않습니다
이 처음에는 자상?

858
00:38:48,950 --> 00:38:53,100
그리고 이제 가서 던져 보자
여기에 오버 헤드에 당신까지.

859
00:38:53,100 --> 00:38:56,250
그래서 여기 콜튼의 노트북을 만들어 보자.

860
00:38:56,250 --> 00:38:58,360
우리는 TV에 앤드류 있어요.

861
00:38:58,360 --> 00:39:00,160
그리고 당신은 내가 먼저 무엇을하고 싶습니까?

862
00:39:00,160 --> 00:39:02,409
>> 콜튼은 : 앞서 바로 가기
이 사람 위에 손을 올려

863
00:39:02,409 --> 00:39:04,430
당신은 어떤 멋진 반짝이를 볼 수 있습니다.

864
00:39:04,430 --> 00:39:07,230
>> DAVID J. 마란 : 아주 좋은.

865
00:39:07,230 --> 00:39:11,110
이 모든 실시간으로 일어나고있다.

866
00:39:11,110 --> 00:39:11,889
확인을 클릭합니다.

867
00:39:11,889 --> 00:39:12,680
좋아하고, 네.

868
00:39:12,680 --> 00:39:14,119
그래서 좋은.

869
00:39:14,119 --> 00:39:15,410
좋아, 우리는 다른 무엇을 할 수 있습니까?

870
00:39:15,410 --> 00:39:17,900
>> 콜튼은 : 다음 화면으로 이동하여 참조하십시오.

871
00:39:17,900 --> 00:39:19,136
>> DAVID J. 마란 : 좋아.

872
00:39:19,136 --> 00:39:21,780
>> 콜튼 : 재미 작은 게임
어디 로봇을 얻을.

873
00:39:21,780 --> 00:39:24,738
>> DAVID J. 마란 : 좋아요,이
무엇을 나에게 보여주는 가짜 손입니다.

874
00:39:24,738 --> 00:39:27,920
콜튼 : 네 그래서 가서
상기 블록들 중 하나를 잡아

875
00:39:27,920 --> 00:39:30,637
그 로봇의 몸 위에 넣어.

876
00:39:30,637 --> 00:39:32,137
DAVID J. 마란 : 아, 내 손이있다.

877
00:39:32,137 --> 00:39:34,000
오.

878
00:39:34,000 --> 00:39:34,780
OK, 사​​랑 스럽다.

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
OK, 잠깐.

881
00:39:38,650 --> 00:39:41,320
우리가 이동합니다.

882
00:39:41,320 --> 00:39:43,590
>> 콜튼 : 나는 사고에 하나를했다.

883
00:39:43,590 --> 00:39:45,423
>> DAVID J. 마란 : OK, 나는이 남자를 얻을 수 있습니다.

884
00:39:45,423 --> 00:39:45,923
젠장!

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
우리는이 마지막 연습 때
밤, 당신은이에 양도 알아?

887
00:39:51,550 --> 00:39:54,285
>> 이처럼.

888
00:39:54,285 --> 00:39:55,490
확인을 클릭합니다.

889
00:39:55,490 --> 00:39:55,990
다음 하나?

890
00:39:55,990 --> 00:39:56,860
>> 콜튼 : 물론.

891
00:39:56,860 --> 00:39:58,818
>> DAVID J. 마란 : 좋아,
그리고 세 번째가있다.

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
좋아.

894
00:40:01,674 --> 00:40:03,215
콜튼 : 그리고이 하나, 당신은 어떻게 .. 얻을

895
00:40:03,215 --> 00:40:04,923
DAVID J. 마란 : 아,
이 하나의 아름다운.

896
00:40:04,923 --> 00:40:06,650
콜튼 : --yeah,이 꽃을 따로 선택합니다.

897
00:40:06,650 --> 00:40:07,441
DAVID J. 마란 : OK.

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
아니?

900
00:40:11,670 --> 00:40:14,515
놓쳤​​다.

901
00:40:14,515 --> 00:40:15,570
>> 콜튼 : 아, 거기 당신은 간다.

902
00:40:15,570 --> 00:40:18,680
>> DAVID J. 마란 : 아, 저것 좀 봐.

903
00:40:18,680 --> 00:40:19,830
아주 좋은.

904
00:40:19,830 --> 00:40:22,470
글쎄, 왜 우리가 취할 '말아
여기에 자원 봉사 아웃

905
00:40:22,470 --> 00:40:24,180
누가 올라오고 싶습니다.

906
00:40:24,180 --> 00:40:27,500
방법에 대한 권리가
녹색, 그것은 무엇입니까?

907
00:40:27,500 --> 00:40:30,540
>> 좋아,와의 드 니스, 니가 보자
대신 당신의 그 어떤 일을

908
00:40:30,540 --> 00:40:34,590
이 게임을 알고있을와 ...
아마도, 밧줄을 잘라?

909
00:40:34,590 --> 00:40:35,100
어디 보자.

910
00:40:35,100 --> 00:40:37,320
우리는 여기에 우리의 안경을 가지고?

911
00:40:37,320 --> 00:40:38,625
>> 확인을 클릭합니다.

912
00:40:38,625 --> 00:40:39,270
감사합니다.

913
00:40:39,270 --> 00:40:39,380
당신의 이름은 무엇입니까?

914
00:40:39,380 --> 00:40:40,350
>> 청중 : 로라.

915
00:40:40,350 --> 00:40:41,266
>> DAVID J. 마란 : 로라?

916
00:40:41,266 --> 00:40:42,120
반가워요.

917
00:40:42,120 --> 00:40:45,600
당신은 퍼팅 괜찮다면
안경을 통해 구글 유리합니다.

918
00:40:45,600 --> 00:40:46,970
이 콜튼입니다.

919
00:40:46,970 --> 00:40:47,650
>> 콜튼 : 안녕하세요.

920
00:40:47,650 --> 00:40:48,140
만나서 반가워요.

921
00:40:48,140 --> 00:40:49,600
>> DAVID J. 마란은 : OK, 주변에 온다.

922
00:40:49,600 --> 00:40:52,516
좋아요, 당신이가는 건지
여기 전에이 연주 한,

923
00:40:52,516 --> 00:40:55,650
위에 손을 넣어
여기에 립 모션.

924
00:40:55,650 --> 00:40:57,210
그리고 지금 당신의 화살표를 이동해야합니다.

925
00:40:57,210 --> 00:40:57,710
아니, 오.

926
00:40:57,710 --> 00:40:58,066
>> 청중 : 호

927
00:40:58,066 --> 00:40:58,780
>> DAVID J. 마란 : 우리
아직 종료하지 않습니다.

928
00:40:58,780 --> 00:40:59,280
확인을 기다립니다.

929
00:40:59,280 --> 00:41:01,200
여기 야.

930
00:41:01,200 --> 00:41:03,530
당신이 보유 그래서 알 당신의
뭔가 이상 손가락,

931
00:41:03,530 --> 00:41:06,750
마우스를 녹색으로 이동하기 시작,
어느를 클릭하는 방법입니다.

932
00:41:06,750 --> 00:41:08,980
>> 그래서 플레이를 가리 키십시오.

933
00:41:08,980 --> 00:41:10,970
그리고 단 하나의 손가락은 괜찮습니다.

934
00:41:10,970 --> 00:41:13,869
그리고 지금 작은 클릭
왼쪽에 녹색 남자.

935
00:41:13,869 --> 00:41:15,410
이 녹색을 채울 때까지 그리고 지금 보유.

936
00:41:15,410 --> 00:41:15,640
좋은.

937
00:41:15,640 --> 00:41:16,990
지금 같은, 최고 레벨 업 하나.

938
00:41:16,990 --> 00:41:20,190
>> 청중 : 그래, 우리가 원하는 여기에 레벨 1,.

939
00:41:20,190 --> 00:41:21,660
>> DAVID J. 마란 : 좋은.

940
00:41:21,660 --> 00:41:25,500
OK, 그래서 모든 당신은
밧줄을 절단 할 수 있습니다.

941
00:41:25,500 --> 00:41:28,240
커서가 거기 흰색 하나입니다.

942
00:41:28,240 --> 00:41:28,880
>> 아주 좋은.

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
좋아, 그것은 더 열심히 얻을 약입니다.

945
00:41:32,790 --> 00:41:34,800
그래서 다음에 지금에 손가락을 누르고 있습니다.

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
좋은.

948
00:41:39,030 --> 00:41:39,999
이 사람은 어렵다.

949
00:41:39,999 --> 00:41:40,966
>> 청중 : 젠장.

950
00:41:40,966 --> 00:41:41,466
확인을 클릭합니다.

951
00:41:41,466 --> 00:41:42,466
그것은 그 길을 가고 싶어.

952
00:41:42,466 --> 00:41:44,890
젠장, 거기 있었고

953
00:41:44,890 --> 00:41:47,120
>> DAVID J. 마란 : 그래.

954
00:41:47,120 --> 00:41:50,700
보조 목표는 모든 별을 얻을 수 있습니다.

955
00:41:50,700 --> 00:41:53,920
좋아, 다음.

956
00:41:53,920 --> 00:41:57,504
>> 이 세 번째를 얻을 수 있는지 보자.

957
00:41:57,504 --> 00:41:58,004
좋은.

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
OK, 거기 이동합니다.

960
00:42:06,840 --> 00:42:08,850
>> 물론.

961
00:42:08,850 --> 00:42:11,230
오, 아주 좋은.

962
00:42:11,230 --> 00:42:11,930
좋아.

963
00:42:11,930 --> 00:42:13,534
>> 그럼 왜 우리는 오늘 여기에 휴회하지?

964
00:42:13,534 --> 00:42:15,200
사람이 놀고 싶어하는 사람들까지 보내줬.

965
00:42:15,200 --> 00:42:16,880
우리의 자원 봉사 로라에 너무 감사합니다.

966
00:42:16,880 --> 00:42:18,730
그리고 우리는 월요일에 볼 수 있습니다.

967
00:42:18,730 --> 00:42:21,190
>> 청중 : 당신은 아마이를 다시 할 수 있습니다.

968
00:42:21,190 --> 00:42:23,640
>> SPEAKER 2 : 다음에서 CS50--

969
00:42:23,640 --> 00:42:35,222