1
00:00:00,000 --> 00:00:02,862
>> [음악 재생]

2
00:00:02,862 --> 00:00:10,030

3
00:00:10,030 --> 00:00:11,580
>> 데이비드 마란 :이 CS50입니다.

4
00:00:11,580 --> 00:00:12,880
이 주 아홉의 시작입니다.

5
00:00:12,880 --> 00:00:15,797
그리고 이것은했을 것입니다
씨 부울의 200 번째 생일이었다.

6
00:00:15,797 --> 00:00:17,630
그래서이 동료입니다
우리가 언급 한 누구에게

7
00:00:17,630 --> 00:00:21,800
사용하는 방법에 대한 꽤 많은 시간
true와 false 부울 변수

8
00:00:21,800 --> 00:00:22,910
1과 0과 같은.

9
00:00:22,910 --> 00:00:25,270
그리고 이것은 구글의했다
오늘 그에게 공입니다.

10
00:00:25,270 --> 00:00:26,489
그는 200 살이 것이다.

11
00:00:26,489 --> 00:00:28,280
당신이 원하는 경우에 따라서
CS50 점심 우리와 함께,

12
00:00:28,280 --> 00:00:30,279
링크에서보세요
코스의 웹 사이트에.

13
00:00:30,279 --> 00:00:33,580
그리고 같은 얼굴과 친구 등
이 여기에 캠브리지에서 당신을 기다리고 있습니다.

14
00:00:33,580 --> 00:00:35,360
이런 얼굴은 뉴 헤이븐에서 당신을 기다리고 있습니다.

15
00:00:35,360 --> 00:00:37,800
그리고, 켄, 사실
뉴 헤이븐은 친절​​했다

16
00:00:37,800 --> 00:00:41,594
엘리의 애니메이션 GIF라고 무슨
여기에 최근에 GIF는 아직 lunch--

17
00:00:41,594 --> 00:00:44,260
다른 그래픽 파일 형식
있는 당신은 familiar--있어

18
00:00:44,260 --> 00:00:46,300
이 같은 작은 선물을 보인다.

19
00:00:46,300 --> 00:00:48,179
그래서 그냥 순서는 확인 동행입니다.

20
00:00:48,179 --> 00:00:49,720
캠브리지 여기 아무도 웃음되지 않습니다.

21
00:00:49,720 --> 00:00:51,720
그러나 뉴 헤이븐에서,이
바로, 정말 재미?

22
00:00:51,720 --> 00:00:52,350
괜찮아.

23
00:00:52,350 --> 00:00:53,940
>> 그래서 거기에서 우리와 함께 않습니다.

24
00:00:53,940 --> 00:00:55,900
여기 하버드,
특히,이 수요일

25
00:00:55,900 --> 00:00:59,480
당신은 학년이라면 또는 신입생 even--
결정의 또는 junior-- 사고

26
00:00:59,480 --> 00:01:01,563
컴퓨터에 스위치
과학, 알고있을거야 그

27
00:01:01,563 --> 00:01:04,440
CS는이 공정한 조언을 할 수
수요일 곧 수업 후

28
00:01:04,440 --> 00:01:08,040
컴퓨터에서 오후 4시
과학 건물 맥스웰 드워킨.

29
00:01:08,040 --> 00:01:11,890
우리는 과정의에서이 작업을 놓을 게요
내일의 웹 사이트뿐만 아니라.

30
00:01:11,890 --> 00:01:14,430
도넛은, 내가 말한거야 제공됩니다.

31
00:01:14,430 --> 00:01:15,180
>> 괜찮아.

32
00:01:15,180 --> 00:01:18,790
내가 파고 그래서 재미 story--
주위에 인터넷에서,

33
00:01:18,790 --> 00:01:23,575
나는 오래된 아카이브를 발견
나의 이전 웹 사이트의.

34
00:01:23,575 --> 00:01:25,950
그리고이 문제를 해결 out--집니다
시간, 그것은 매우시의 적절 보인다

35
00:01:25,950 --> 00:01:28,910
나는 UC 선거 것을 수집하기 때문에
위로 다시 기어하려고합니다.

36
00:01:28,910 --> 00:01:32,230
그래서, UC에 출마 비참하게 잃었다.

37
00:01:32,230 --> 00:01:34,770
그리고 어쩌면이 이유 부분에 있었다.

38
00:01:34,770 --> 00:01:37,600
그래서이 시간에 내 웹 사이트이었다.

39
00:01:37,600 --> 00:01:40,477
어떤 이유로, 나는 그것이라고 생각
사람들에게 이야기하기 전에 좋은 생각,

40
00:01:40,477 --> 00:01:43,310
어떤 내 플랫폼이고 왜
그들이 가지고, 나를 위해 투표해야

41
00:01:43,310 --> 00:01:47,770
것을 알 수 입력 클릭
회고에있는 정보,

42
00:01:47,770 --> 00:01:48,660
소름 가지.

43
00:01:48,660 --> 00:01:50,910
나는 정말이 무엇인지 모른다.

44
00:01:50,910 --> 00:01:53,140
>> 그러나 그것은 확실히하지 않았다
캠페인을 도와줍니다.

45
00:01:53,140 --> 00:01:56,874
또한 수석에 의해 그 발견
연도 - 나는이 도련님 달력을했다.

46
00:01:56,874 --> 00:01:58,540
머펫은 당시 유행 가지 있었다.

47
00:01:58,540 --> 00:01:59,456
아니면 그들은하지 않았다.

48
00:01:59,456 --> 00:02:01,790
나는 그때 도련님 달력을했다.

49
00:02:01,790 --> 00:02:04,860
그리고 나는 이름 멋있다고 생각
하버드의 네트워크 내 컴퓨터

50
00:02:04,860 --> 00:02:07,460
frogman.student.harvard.edu.

51
00:02:07,460 --> 00:02:10,370
당시, 우리 모두가 유일했다
식별 호스트 이름.

52
00:02:10,370 --> 00:02:13,150
그리고 당신은 약간의 허영심을 선택할 수
대신에 자신의 이름의 이름입니다.

53
00:02:13,150 --> 00:02:15,580
그리고 어떤 이유로 잠수부와 함께 갔다.

54
00:02:15,580 --> 00:02:19,040
>> 그리고 내가 많이 소비 started--
시간이 링크를 클릭

55
00:02:19,040 --> 00:02:20,280
오늘 아침.

56
00:02:20,280 --> 00:02:24,690
그리고 이것은 내 약 페이지이었다
이는 지금 가지 사랑스러운 것 같다.

57
00:02:24,690 --> 00:02:28,210
그러나 그것은 또한 단지를 증언
얼마나 멀리 기술은왔다.

58
00:02:28,210 --> 00:02:30,310
나는 다시 날에 의미
486 일이었다.

59
00:02:30,310 --> 00:02:34,090
요즘은 슈퍼, 슈퍼입니다,
슈퍼 슬로우 잘 이하

60
00:02:34,090 --> 00:02:36,216
당신은에있는 것보다 당신의
자신의 주머니 요즘.

61
00:02:36,216 --> 00:02:38,465
거기에 그에 이상이있다
더욱 당황했다.

62
00:02:38,465 --> 00:02:39,770
그래서 나는 그것을 떠날 것이다.

63
00:02:39,770 --> 00:02:42,640
그러나 그것은 나의 처음
진출 web--에 아, 아니.

64
00:02:42,640 --> 00:02:43,180
그건 아니었다.

65
00:02:43,180 --> 00:02:47,000
웹 프로그래밍으로는 처음 진출
난 그냥 잊고이 사이트이었다.

66
00:02:47,000 --> 00:02:50,620
어떤 시점에서, 나는 배운 방법
반복되는 배경 이미지를 확인합니다.

67
00:02:50,620 --> 00:02:55,260
그래서 나는,이 타일 효과 발견
하키 선수, 축구, 골프 등

68
00:02:55,260 --> 00:02:58,040
공, 또는 무엇이든 즉
신입생의 IMS 웹 사이트.

69
00:02:58,040 --> 00:03:01,390
그리고 이것은 진정으로, 사실이었다
최초의 웹 기반 프로젝트 나는 on--했다

70
00:03:01,390 --> 00:03:03,880
나는 어쩌면 학년 생각
년, 중학교 연도 -

71
00:03:03,880 --> 00:03:07,622
CS50 및 CS51, 하나를 복용 후
공통의 후속 클래스.

72
00:03:07,622 --> 00:03:09,330
나는 찾고에 발견
아카이브를 통해

73
00:03:09,330 --> 00:03:12,150
나의 후계자 중 하나
친구, 리, 종류의 변경

74
00:03:12,150 --> 00:03:13,480
자신에게 저작권.

75
00:03:13,480 --> 00:03:17,520
그러나 이것은 참으로 뭔가였습니다
나는 당황을 소유해야한다.

76
00:03:17,520 --> 00:03:19,370
그러나 이때, 본
첫 번째 웹 사이트이었다

77
00:03:19,370 --> 00:03:22,220
나는 몇 주 전에 말했듯이,
하는 신입생 수에 의해

78
00:03:22,220 --> 00:03:24,350
여기에 교내 스포츠에 등록.

79
00:03:24,350 --> 00:03:27,950
그리고 그것은 밝혀
그 배경 이미지

80
00:03:27,950 --> 00:03:29,530
그런 좋은 생각이 아니다.

81
00:03:29,530 --> 00:03:31,840
그러나 웹은 새로운이었고,
우리는 실험을했다.

82
00:03:31,840 --> 00:03:34,310
그리고 이것은 무엇이다 나는
명백하게시했다.

83
00:03:34,310 --> 00:03:34,810
괜찮아.

84
00:03:34,810 --> 00:03:38,020
그래서 속히, 우리는 전환
정말, 당신을 제공하기 위해 오늘 기어,

85
00:03:38,020 --> 00:03:42,250
당신이 찾을 수있는 마지막 조각
최종 프로젝트에 특히 유용

86
00:03:42,250 --> 00:03:44,780
뿐만 아니라, 그에게 시작합니다
전체 월드 와이드 웹을

87
00:03:44,780 --> 00:03:46,680
조금 더 이해할 수있는 느낌.

88
00:03:46,680 --> 00:03:49,460
사실, 우리가 소개하는거야
하나 이상의 프로그래밍 언어

89
00:03:49,460 --> 00:03:52,474
유사라는 자바 스크립트
다른 방법으로 다른

90
00:03:52,474 --> 00:03:54,140
언어에서 우리는 지금까지 살펴 보았다.

91
00:03:54,140 --> 00:03:55,807
>> 그래서 C, 리콜은,이 컴파일 된 언어입니다.

92
00:03:55,807 --> 00:03:57,473
당신은 컴파일러를 통해 실행할 수있어.

93
00:03:57,473 --> 00:03:59,810
당신은 개체에 소스 코드를 얻을
코드, 또는 0과.

94
00:03:59,810 --> 00:04:03,000
그리고 그는 0과됩니다
당신의 CPU, 중앙 처리 장치,

95
00:04:03,000 --> 00:04:04,360
실제로 이해합니다.

96
00:04:04,360 --> 00:04:06,610
PHP 반대로 아니다
컴파일 된 언어입니다.

97
00:04:06,610 --> 00:04:08,772
무슨 일이있어?

98
00:04:08,772 --> 00:04:09,980
그것은 해석 언어입니다.

99
00:04:09,980 --> 00:04:11,750
그래서 몇 가지 프로그램이있다
통역이라고

100
00:04:11,750 --> 00:04:13,708
에 그건 ... 최고를 읽을 수있다
바닥, right-- 왼쪽

101
00:04:13,708 --> 00:04:16,519
그리고 어떤을 모두 파악
당신의 구문이 수행하고 의미,

102
00:04:16,519 --> 00:04:20,200
그것은 루프 또는 조건이 있는지 여부
프로그래밍 또는 임의의 다른 개수

103
00:04:20,200 --> 00:04:20,740
구성한다.

104
00:04:20,740 --> 00:04:22,210
그래서 해석 언어입니다.

105
00:04:22,210 --> 00:04:23,910
>> 그 다음 우리는 HTML을 소개했다.

106
00:04:23,910 --> 00:04:26,440
그리고 HTML도 아니에요
프로그래밍 언어.

107
00:04:26,440 --> 00:04:28,110
우리는 무엇을 부르는 것?

108
00:04:28,110 --> 00:04:31,650
다만 인 마크 업 언어,
그것을 말하는 멋진 방법의 종류

109
00:04:31,650 --> 00:04:35,820
같은 프로그래밍 구조를 가지고 있지 않습니다
우리는 심지어 다시 스크래치의 날 보았다.

110
00:04:35,820 --> 00:04:36,720
더 루프가 없습니다.

111
00:04:36,720 --> 00:04:37,920
아무 조건이 없습니다.

112
00:04:37,920 --> 00:04:40,820
정말 언어
데이터를 마크 업에 대한

113
00:04:40,820 --> 00:04:43,620
그리고 포맷 또는
어떤 방식으로 구조화.

114
00:04:43,620 --> 00:04:46,147
>> CSS 한편, 유사
하지 프로그래밍 언어.

115
00:04:46,147 --> 00:04:47,730
그것은 더 미적 지향합니다.

116
00:04:47,730 --> 00:04:50,470
그리고 그것은 당신이 미세 조정으로 정렬 할 수 있습니다
글꼴 크기 및 색상 같은 것들

117
00:04:50,470 --> 00:04:51,850
배치 및 그 모든합니다.

118
00:04:51,850 --> 00:04:52,370
그 다음 우리는 있었다

119
00:04:52,370 --> 00:04:53,160
>> SQL.

120
00:04:53,160 --> 00:04:56,010
그래서 SQL은 참으로 프로그램입니다
어떤 의미에서 언어,

121
00:04:56,010 --> 00:04:59,330
이기는하지만 맞춤형
특히 데이터베이스에.

122
00:04:59,330 --> 00:05:03,347
그러나 우리는 당신을 소개에도 불구하고
선택 및 삽입과 삭제 및 업데이트

123
00:05:03,347 --> 00:05:05,430
다른 사람의 커플
당신이 실제로 할 수 있습니다 밝혀

124
00:05:05,430 --> 00:05:07,380
함수를 작성하거나
그들이있는 한 절차,

125
00:05:07,380 --> 00:05:11,270
보고 SQL과 행위라는
아주 PHP와 C 기능 등을들 수있다.

126
00:05:11,270 --> 00:05:12,390
그래서 사람들이 존재한다는 것을 알고있다.

127
00:05:12,390 --> 00:05:15,348
그러나 우리는 심지어 그들과 함께 귀찮게하지 않습니다
우리는 단지 여기에 표면에 흠집이있다.

128
00:05:15,348 --> 00:05:18,600
그리고는 자바 스크립트의 마지막
우리의 언어는 공식적으로 발표했다.

129
00:05:18,600 --> 00:05:21,029
자바 스크립트, 그래서도이며
해석 언어.

130
00:05:21,029 --> 00:05:23,070
그리고 그 익숙한 수행
당신이 그것을 구별 할

131
00:05:23,070 --> 00:05:26,960
일부 특성과
C와 PHP 모두에서?

132
00:05:26,960 --> 00:05:28,300
무슨 일이 다른 점은?

133
00:05:28,300 --> 00:05:29,650
>> 청중 : 그것은 컴파일 아니에요.

134
00:05:29,650 --> 00:05:29,930
>> 데이비드 마란은 : 다시 말?

135
00:05:29,930 --> 00:05:31,200
>> 청중 : 그것은 컴파일 아니에요.

136
00:05:31,200 --> 00:05:31,930
>> 데이비드 마란은 : 그것은 컴파일 아니에요.

137
00:05:31,930 --> 00:05:33,450
그래서,도 해석된다.

138
00:05:33,450 --> 00:05:34,760
그래서 컴파일 아니에요.

139
00:05:34,760 --> 00:05:37,210
그러나 그것은 PHP와 같은 작은 수 있습니다.

140
00:05:37,210 --> 00:05:39,545
하지만 여전히 다르다
몇 가지 눈에 띄는 방식으로 PHP,

141
00:05:39,545 --> 00:05:40,920
방법 적어도 우리는 그것을 사용합니다.

142
00:05:40,920 --> 00:05:41,205
그래?

143
00:05:41,205 --> 00:05:41,940
>> 청중 : 그것은 클라이언트 측을 실행합니다.

144
00:05:41,940 --> 00:05:44,000
>> 데이비드 마란 : 그것은 실행
클라이언트 측, 보통.

145
00:05:44,000 --> 00:05:47,190
즉 실제로 구별이다
지금 우리를 위해 특성.

146
00:05:47,190 --> 00:05:51,170
C는 의미에서 서버 쪽이었다
우리는 CS50의 IDE에서 모든 것을했다는 것을.

147
00:05:51,170 --> 00:05:53,630
PHP는 지금까지왔다
서버 측 한,

148
00:05:53,630 --> 00:05:56,550
그와 같이, 너무 interpreted-- 얻는다
하지 컴파일하지만 interpreted--

149
00:05:56,550 --> 00:06:00,690
물론 CS50 IDE, 내부
클라우드에서 바로 서버 또는 서버.

150
00:06:00,690 --> 00:06:03,070
>> 그러나 자바 스크립트, 심지어
당신하지만 당신은거야

151
00:06:03,070 --> 00:06:07,000
PSET, 말, 그것을 쓰기 시작합니다
팔과 당신이있어 projects-- 어쩌면 마지막

152
00:06:07,000 --> 00:06:09,620
에를 잘하는 것
CS50의 IDE 및 저장

153
00:06:09,620 --> 00:06:14,760
CS50의 IDE, CS50 IDE 내 파일
와, 차례로, 클라우드 서버

154
00:06:14,760 --> 00:06:19,160
이 호스트있어하는,하지 않을 수 있습니다
해석 또는 코드를 실행합니다.

155
00:06:19,160 --> 00:06:23,880
오히려, 전송 될 것
브라우저에 이르기까지 변경되지 않은 형태.

156
00:06:23,880 --> 00:06:26,990
그리고는 IE 될 것
크롬이나 파이어 폭스 나 사파리 또는

157
00:06:26,990 --> 00:06:30,697
또는 실제로 해석대로
그것은, 위에서 아래로는, 왼쪽에서 오른쪽으로.

158
00:06:30,697 --> 00:06:32,780
키 구별 그래서
오늘의 특성

159
00:06:32,780 --> 00:06:36,110
자바 스크립트는 클라이언트 측 점이다
및 PHP, 예를 들면,

160
00:06:36,110 --> 00:06:37,690
하고 서버 측있다.

161
00:06:37,690 --> 00:06:40,920
자,이 흥미로운 의미를 가지고
같은, 지적 재산권에 대한

162
00:06:40,920 --> 00:06:42,660
누가 실제로 코드를 볼 수 있습니다.

163
00:06:42,660 --> 00:06:44,860
그리고 실제로, 당신은 갈 수 있습니다
그리고 웹은 참조 가장

164
00:06:44,860 --> 00:06:47,530
누군가가 가지고있는 코드
자바 스크립트로 작성된.

165
00:06:47,530 --> 00:06:50,230
때때로, 읽을 수있어
때때로 그것은 난독입니다.

166
00:06:50,230 --> 00:06:52,550
그러나 때가되면 그에 대한 자세한.

167
00:06:52,550 --> 00:06:57,530
>> 자바 스크립트 그래서, 잘 충분하다
슈퍼 유사한 구문에 C.

168
00:06:57,530 --> 00:06:59,364
그리고 PHP와 같은 많은,
더 주요 기능은 없습니다.

169
00:06:59,364 --> 00:07:02,113
당신은 쓰기를 시작하려면
자바 스크립트 코드, 오늘 살펴 보 겠지만,

170
00:07:02,113 --> 00:07:03,270
당신은 그냥 쓰기 시작.

171
00:07:03,270 --> 00:07:06,910
그러나 특히, 당신이 볼 수있다
웹 브라우저의 맥락에서 유용합니다.

172
00:07:06,910 --> 00:07:09,820
그러나, 내 작은
일반적으로 earlier-- disclaimer--

173
00:07:09,820 --> 00:07:13,790
당신이 점점 수 있다고했다
오늘 사용 자바 스크립트를 서버 측

174
00:07:13,790 --> 00:07:17,655
Node.js라는 멋진 프레임 워크를 사용하여
CS50 자신의 일부 응용 프로그램이

175
00:07:17,655 --> 00:07:18,280
로 작성됩니다.

176
00:07:18,280 --> 00:07:20,640
실제로 Node.js.를 사용하여 50 확인

177
00:07:20,640 --> 00:07:24,140
그러나 우리는 초점을 맞출거야
밖으로 여기에 자바 스크립트 클라이언트 측.

178
00:07:24,140 --> 00:07:26,750
>> 그래서 여기에 PHP에서 조건의 집합입니다.

179
00:07:26,750 --> 00:07:29,350
죄송합니다, 실제로 in--, 그
문은, 너무 정확합니다.

180
00:07:29,350 --> 00:07:32,200
여기에 또한 세트입니다
자바 스크립트에서 조건.

181
00:07:32,200 --> 00:07:35,560
구문 적, 그것은이다
C와 PHP와 동일합니다.

182
00:07:35,560 --> 00:07:39,040
씨 부울의 표현이다
유사하게, 구문

183
00:07:39,040 --> 00:07:41,190
C와 PHP 모두 동일합니다.

184
00:07:41,190 --> 00:07:44,100
우리는 또한에 스위치가
동일 보면 자바 스크립트.

185
00:07:44,100 --> 00:07:46,350
우리는 루프가
동일 구조,

186
00:07:46,350 --> 00:07:48,140
while 루프, 루프 동안 않습니다.

187
00:07:48,140 --> 00:07:49,980
>> 이 사람은 조금 다릅니다.

188
00:07:49,980 --> 00:07:53,120
PHP는 각 구조에 대한했다
당신이 사용하고있을 수도

189
00:07:53,120 --> 00:07:55,320
혹은, PSET 일곱에 사용합니다.

190
00:07:55,320 --> 00:07:59,460
자바 스크립트의이 특별한 버전이
에 대한 당신은 말 그대로 뭔가를 말할 경우

191
00:07:59,460 --> 00:08:03,864
객체의 변수 키에 대한 같은 어떤
말의 아주 간결한 방법입니다,

192
00:08:03,864 --> 00:08:06,780
내가 object--를 얻었고, 한 경우 우리는거야
moment-- 다시 이들에 대해 이야기

193
00:08:06,780 --> 00:08:10,370
나는 모든 반복 할
내부의 키 값 쌍,

194
00:08:10,370 --> 00:08:13,620
나는 방법을 알아낼 필요가 없습니다
0, 1과 숫자 인덱스를,

195
00:08:13,620 --> 00:08:14,580
둘, 셋.

196
00:08:14,580 --> 00:08:15,900
>> 말 그대로이 말을 할 수 있습니다.

197
00:08:15,900 --> 00:08:20,740
그리고 각각의 반복, 자바 스크립트
나 변수 키를 업데이트하기위한

198
00:08:20,740 --> 00:08:24,810
다음 첫 번째 키, 다음 열쇠가 될 수 있습니다,
그 다음 키를 누른 다음 다음 키,

199
00:08:24,810 --> 00:08:25,510
기타 등등.

200
00:08:25,510 --> 00:08:30,000
그리고 처리하여 그 값에서 얻을 수 있습니다
자바 스크립트 객체로를 우리는 볼 수 있습니다

201
00:08:30,000 --> 00:08:32,584
그것이 비록로
PHP의 연관 배열.

202
00:08:32,584 --> 00:08:35,750
사실, 당신은 마지막으로 감싸 경우
연관 배열이 무엇인지 주위에 마음을

203
00:08:35,750 --> 00:08:40,140
PHP에서, 당신은 지금과 같은 것은 생각할 수
자바 스크립트 객체와 동일합니다.

204
00:08:40,140 --> 00:08:42,030
하지만 그 약간의
지나친 단순화.

205
00:08:42,030 --> 00:08:47,230
>> 배열은 잘만큼, 동일한 모양
하나의 문자를 제외 PHP합니다.

206
00:08:47,230 --> 00:08:51,425
여기에없는 한 가지가있다
우리는 PHP로 지난 주 참조했다는 것을.

207
00:08:51,425 --> 00:08:52,050
무엇을 생략이야?

208
00:08:52,050 --> 00:08:53,310
그래?

209
00:08:53,310 --> 00:08:54,090
아니 달러 기호 없습니다.

210
00:08:54,090 --> 00:08:56,240
그래서 우리는 다시이야
더 정상적인 세계 어디에

211
00:08:56,240 --> 00:08:58,050
변수는 달러 기호가 없습니다.

212
00:08:58,050 --> 00:09:00,810
하지만 당신은 그들을 접두사 할
일반적으로 VAR,와.

213
00:09:00,810 --> 00:09:02,230
그리고 VAR 변수를 의미한다.

214
00:09:02,230 --> 00:09:06,440
그리고 PHP와 같은 많은 느슨하게입니다
종류가있다 typed--,

215
00:09:06,440 --> 00:09:10,120
숫자와 문자열이 있습니다
와 수레 등 forth--

216
00:09:10,120 --> 00:09:11,570
자바 스크립트는 유사 유형이 있습니다.

217
00:09:11,570 --> 00:09:15,470
그러나 느슨하게 그에 입력있어 우리
프로그래머을 지정할 필요가 없습니다.

218
00:09:15,470 --> 00:09:18,980
우리는 알고 있어야합니다
그 종류가 존재한다.

219
00:09:18,980 --> 00:09:21,690
>> 변수, meanwhile-- 여기 방법
우리는 "안녕하세요, 세계"선언 있습니다

220
00:09:21,690 --> 00:09:22,230
문자열로.

221
00:09:22,230 --> 00:09:24,890
그것은 동일의주의
PHP 있지만 달러 기호입니다.

222
00:09:24,890 --> 00:09:27,120
그리고이 일이 우리가 할 것이다있다
더 오늘보고 시작,

223
00:09:27,120 --> 00:09:30,990
당신은 개체가된다
키와 값.

224
00:09:30,990 --> 00:09:32,990
그리고 당신은 시도 할 경우
마지막 week--에서 추론하기

225
00:09:32,990 --> 00:09:34,730
구문은 약간 다릅니다.

226
00:09:34,730 --> 00:09:39,740
하지만 약간 정신이 얼마나 많은 check--
키는이 객체가이 나타 납니까?

227
00:09:39,740 --> 00:09:40,850
그래서 네 참조하십시오.

228
00:09:40,850 --> 00:09:43,560
나는 두 가지를 참조하십시오.

229
00:09:43,560 --> 00:09:44,680
>> 그래서 실제로 두 가지입니다.

230
00:09:44,680 --> 00:09:47,260
그래서이 모음입니다
두 개의 키 - 값 쌍의.

231
00:09:47,260 --> 00:09:49,820
키는 값이 FB 인 상징이다.

232
00:09:49,820 --> 00:09:52,620
키는 값이 101.53 인 가격입니다.

233
00:09:52,620 --> 00:09:54,230
그래서 사람들은 두 개의 키 - 값 쌍입니다.

234
00:09:54,230 --> 00:09:58,120
그리고, PHP-- 기억이 다시입니다
그저 문법 차이.

235
00:09:58,120 --> 00:10:00,170
그것은 모두가 아니다 그
지적 흥미.

236
00:10:00,170 --> 00:10:04,610
PHP는이 같은를 작성했을 수 있습니다
follows-- 인용 등의 점은 같습니다.

237
00:10:04,610 --> 00:10:06,730
그리고 대괄호 이러한 변경.

238
00:10:06,730 --> 00:10:11,240
그리고 그때로 변경
인용 된 단어 "가격."

239
00:10:11,240 --> 00:10:12,500
그리고 나는 콜론을 사용하지 마십시오.

240
00:10:12,500 --> 00:10:15,060
나는 지난 주에 무엇 사용 했는가?

241
00:10:15,060 --> 00:10:18,290
그래, 등호
펑키 표기를 화살표.

242
00:10:18,290 --> 00:10:21,470
>> 그리고 나는 여기에 같은 일을했다.

243
00:10:21,470 --> 00:10:23,580
여기에 같은 일이.

244
00:10:23,580 --> 00:10:24,240
그리고 그게 다야.

245
00:10:24,240 --> 00:10:27,752
이 있지 않은 경우 그래서 괜찮아요
정말 기억에 침몰 단지

246
00:10:27,752 --> 00:10:29,960
아직이 정말 때문에
지적 재미.

247
00:10:29,960 --> 00:10:31,660
그냥 구문의 차이를합니다.

248
00:10:31,660 --> 00:10:33,230
그러나 아이디어는 동일하다.

249
00:10:33,230 --> 00:10:35,910
이 변수의 내부
자바 스크립트에서 인용

250
00:10:35,910 --> 00:10:39,020
키 - 값 쌍의 컬렉션이다
하나는, 하나의 심볼 인

251
00:10:39,020 --> 00:10:39,690
가격입니다.

252
00:10:39,690 --> 00:10:42,340
그리고 나는 그 값을 얻을 수 있습니다
다음 구문.

253
00:10:42,340 --> 00:10:46,280
그냥 PHP에서, 내가 할 수있는 등
하자 그때 엔 뭔가를

254
00:10:46,280 --> 00:10:48,590
날이 상자가 조금 더 큰합니다.

255
00:10:48,590 --> 00:10:52,750
그냥 PHP에서, 내가 할 수있는 등
젠장, 오이 항아리합니다.

256
00:10:52,750 --> 00:10:53,250
어서.

257
00:10:53,250 --> 00:10:56,350

258
00:10:56,350 --> 00:11:00,800
>> 그냥 PHP-- 확인, 우리는 거 야
다만 발표자 노트를 사용합니다.

259
00:11:00,800 --> 00:11:06,010
그냥 PHP에서 같이, 나는 할 수
[ "상징"] $ 인용 $ 시세 수행

260
00:11:06,010 --> 00:11:08,860
이 날 얻을 것이다
의 값 "기호."

261
00:11:08,860 --> 00:11:12,800
자바 스크립트, 그것은 될 것
동일, 난 그냥이 작업을 수행 할 수있다.

262
00:11:12,800 --> 00:11:14,850
의 유일한
실종은 달러 기호입니다.

263
00:11:14,850 --> 00:11:17,470
>> 그래서 잘 정도로, 다음, 거기에
모든 그 많은 새 구문.

264
00:11:17,470 --> 00:11:21,025
그래서 우리가 초점을 맞출 것을 오늘, 정말입니다
아이디어와 응용 프로그램의 일부.

265
00:11:21,025 --> 00:11:22,900
그리고 최초의
응용 프로그램 당신이 수도

266
00:11:22,900 --> 00:11:26,090
당신이 PSET에 뛰어 경우 본
일곱은 이미 구문입니다.

267
00:11:26,090 --> 00:11:28,980
그래서 당신은했습니다 PSET 일곱에, 경우
본 여부를 아직 알,

268
00:11:28,980 --> 00:11:33,570
우리가 제공 파일이 있다는 것을 알고있다
당신은 config.json-- 자바 스크립트를 호출

269
00:11:33,570 --> 00:11:34,661
표기법 객체.

270
00:11:34,661 --> 00:11:35,160
왜?

271
00:11:35,160 --> 00:11:39,540
우리는 당신을 제공 할 수 있기를 원
일부 키 - 값 쌍을 가진 템플릿입니다.

272
00:11:39,540 --> 00:11:44,290
우리는 당신에게 목록을 제공 할 수 있기를 원
호스트 서버의 이름입니다.

273
00:11:44,290 --> 00:11:46,710
우리는 당신을주고 싶어
사용자 이름에 대한 자리 표시 자

274
00:11:46,710 --> 00:11:48,210
및 비밀번호에 대한 자리 표시 자.

275
00:11:48,210 --> 00:11:49,410
당신이 표시되지 않는 경우
이 아직 걱정하지.

276
00:11:49,410 --> 00:11:51,340
PSET 일곱이에 대한 자세한
[? 사양. ?] 그리고,

277
00:11:51,340 --> 00:11:53,173
분명히, 우리는 당신을 원해요
에-DOS를 입력합니다

278
00:11:53,173 --> 00:11:55,310
당신이에 로그인 할 때 때문에
당신의 각 CS50 IDE,

279
00:11:55,310 --> 00:11:57,630
자신의 사용자 이름과 암호가 있습니다.

280
00:11:57,630 --> 00:12:00,910
>> 그래서 우리는 대여섯 사용했습니다 수
이상의 다른 파일 형식을 지원합니다.

281
00:12:00,910 --> 00:12:02,940
우리는 .txt 파일을 사용할 수 있었다.

282
00:12:02,940 --> 00:12:04,570
우리는 CSV 파일을 사용할 수 있습니다.

283
00:12:04,570 --> 00:12:06,745
우리는 사용했습니다 수
INI 파일, XML 파일,

284
00:12:06,745 --> 00:12:09,370
왕창 더 약어가
당신은 이제까지 들어 본 적이 없습니다.

285
00:12:09,370 --> 00:12:11,244
그것은 임의의 종류의
하루의 끝에서.

286
00:12:11,244 --> 00:12:16,030
그러나 요즘 최고 인기있는 텍스트이다
형식 JSON-- 자바 스크립트 객체라고

287
00:12:16,030 --> 00:12:18,460
Notation-- 그는 다음과 같습니다.

288
00:12:18,460 --> 00:12:20,890
그것은 조금 애매이다
하지만 패턴을 알 수 있습니다.

289
00:12:20,890 --> 00:12:24,180
당신은 오픈 곱슬 시작
중괄호, 당신은 동일로 끝납니다.

290
00:12:24,180 --> 00:12:26,550
의 내부에서 그 무언가이다.

291
00:12:26,550 --> 00:12:27,920
그것은 키 - 값 쌍입니다.

292
00:12:27,920 --> 00:12:30,580
그래서이 난 것을 목적으로한다
여기에 화면에보고

293
00:12:30,580 --> 00:12:33,690
즉, 하나의 값을 갖는 하나의 키를 가지고 있습니다.

294
00:12:33,690 --> 00:12:37,610
그리고 단지를 기반으로 추론
이전 패턴, 열쇠는 여기에 무엇입니까?

295
00:12:37,610 --> 00:12:39,790
데이터베이스, 일에
콜론의 왼쪽.

296
00:12:39,790 --> 00:12:43,500
>> 현재 값은 우연히
여러 줄이 시간.

297
00:12:43,500 --> 00:12:46,760
그러나 값은 둥근 시작
중괄호와 중괄호로 끝납니다.

298
00:12:46,760 --> 00:12:49,480
그래서 당신이 제안하는 것입니다
데이터베이스의 값의 타입?

299
00:12:49,480 --> 00:12:52,160

300
00:12:52,160 --> 00:12:54,670
사전 또는, 단지 더
간결, 객체입니다.

301
00:12:54,670 --> 00:12:55,170
권리?

302
00:12:55,170 --> 00:13:00,010
이것은 데이터 구조의 일종 그
자체 내에서 다른 구조를 사용할 수 있습니다.

303
00:13:00,010 --> 00:13:02,750
이 모든 것은 우리가있어 경우에 따라서
object-- 및 개체를 호출

304
00:13:02,750 --> 00:13:07,101
pairs-- 키 - 값의 단지 무리입니다
데이터베이스 자체의 값을 목적으로한다.

305
00:13:07,101 --> 00:13:10,350
데이터베이스의 값은 전체 무리가 있습니다
키 값 쌍의 첫 번째 어떤의

306
00:13:10,350 --> 00:13:13,130
이다 호스트는, 다음 다음, 이름을
사용자 이름, 암호 다음,

307
00:13:13,130 --> 00:13:17,550
그 각각의 값은, 한편, 그것의
따옴표 그냥 지루한 문자열입니다.

308
00:13:17,550 --> 00:13:19,770
>> 그래서이없는 경우에도
아직 슈퍼 분명,

309
00:13:19,770 --> 00:13:22,740
이 단지는 것을 알고있다
표준, 상당히 지루한 방법

310
00:13:22,740 --> 00:13:25,190
표준 포맷으로 데이터를 저장하는 단계를 포함한다.

311
00:13:25,190 --> 00:13:27,700
그러나 일반적인 실수 당신에게
심지어 PSET 일곱에 만들 수 있습니다,

312
00:13:27,700 --> 00:13:32,120
작은 바보 같은 일이, 당신의 경우처럼
실수가 쉼표를 생략합니다.

313
00:13:32,120 --> 00:13:34,900
즉, 파일을 초래할 것
반드시 읽을 수없는.

314
00:13:34,900 --> 00:13:38,191
당신은 실수로 같은 일을 생략하면
따옴표, 그것을 읽을 수 없을거야.

315
00:13:38,191 --> 00:13:41,654
그래서 꽤 nitpicky 파일 형식이다,
하지만 슈퍼 흔한 하나입니다.

316
00:13:41,654 --> 00:13:44,820
그리고 우리는, 비록 그것을 사용하는 일이
당신은 자바 스크립트를 달리 사용하지 않는,

317
00:13:44,820 --> 00:13:46,330
PSET 일곱에.

318
00:13:46,330 --> 00:13:46,860
>> 괜찮아.

319
00:13:46,860 --> 00:13:48,110
그래서이 사진을 기억한다.

320
00:13:48,110 --> 00:13:51,657
우리는, HTML에서, 이야기
코드는 다음과 같을 수 있습니다.

321
00:13:51,657 --> 00:13:54,740
이 하이퍼 텍스트 마크 업 언어
[들림] 단지에 대한 "안녕하세요, 세계."

322
00:13:54,740 --> 00:13:57,570
그러나 우리가 제안
다시 잠시 도움이된다면 그,

323
00:13:57,570 --> 00:14:00,210
당신은 생각을 시작 할 수 있습니다
이 이미 나무 약.

324
00:14:00,210 --> 00:14:03,730
사실, 들여 쓰기가 우리
가독성을 위하여 만 사용

325
00:14:03,730 --> 00:14:05,610
또는 스타일의 술에 대한
왼쪽 수있는 종류의

326
00:14:05,610 --> 00:14:10,040
이 나무,을로 번역
특별한 루트 노드가 그 우리는거야

327
00:14:10,040 --> 00:14:16,860
일반적으로, 문서라고하는 아래
루트 HTML 요소 또는 태그, HTML은,

328
00:14:16,860 --> 00:14:19,980
이는 다음 두 가지가 있습니다
어린이, 머리와 몸.

329
00:14:19,980 --> 00:14:21,750
>> 그리고 다시, 머리는 제목이 있습니다.

330
00:14:21,750 --> 00:14:23,440
및 제목은 텍스트 값을 갖는다.

331
00:14:23,440 --> 00:14:26,130
본체와 마찬가지로 텍스트 값을 갖는다.

332
00:14:26,130 --> 00:14:29,220
당신이 편안하게 말을하는지 경우에 따라서
그래, 당신은이 HTML을 수

333
00:14:29,220 --> 00:14:32,080
과 같은 그림을 그려
이, 오른쪽

334
00:14:32,080 --> 00:14:35,910
좋은 정신 모델은 지금 때문에
우리는 자바 스크립트를 가지고, 프로그래밍

335
00:14:35,910 --> 00:14:39,960
언어 그 브라우저가 할 수있는
실행하고 당신을 위해 해석,

336
00:14:39,960 --> 00:14:42,690
그것은 무엇을 밝혀
우리는 코드에서 할에 대한 것

337
00:14:42,690 --> 00:14:45,320
이 조작을 시작한다
메모리에 트리 구조.

338
00:14:45,320 --> 00:14:47,070
우리는 만들 필요가 없습니다
메모리에 트리.

339
00:14:47,070 --> 00:14:49,880
우리는 일종의 할 필요가 없습니다
PSET 개의 스타일의 데이터 구조

340
00:14:49,880 --> 00:14:50,650
복잡성.

341
00:14:50,650 --> 00:14:54,610
잘 충분히,시 브라우저,
아래에 HTML 탑을 해석,

342
00:14:54,610 --> 00:14:58,600
왼쪽 또는 오른쪽으로, 문자 그대로에 가고
우리에게 포인터에 해당하는 손

343
00:14:58,600 --> 00:15:00,840
무료로 그 전체 트리에.

344
00:15:00,840 --> 00:15:02,150
그것은 하드 모든 작업을 수행합니다.

345
00:15:02,150 --> 00:15:05,520
즉 무엇 모질라, 애플
다른 사람들이 우리를 위해 일했다.

346
00:15:05,520 --> 00:15:09,400
>> 그리고 자바 스크립트와 함께 우리는 가고있다
제어 할 수 변경 및 수행

347
00:15:09,400 --> 00:15:12,910
흥미로운 것들
그 나무, 그렇지 않으면 알려진

348
00:15:12,910 --> 00:15:15,880
DOM 또는 문서 객체 모델로.

349
00:15:15,880 --> 00:15:17,110
어떤 일 가지?

350
00:15:17,110 --> 00:15:19,030
글쎄, 그것은 밝혀
자바 스크립트에서, 거기에

351
00:15:19,030 --> 00:15:22,800
이 세탁 목록
일어날 수있는 이벤트.

352
00:15:22,800 --> 00:15:26,330
그리고 우리는 정말 사용하지 않은
단어를 주 제로 PSET 이후

353
00:15:26,330 --> 00:15:28,240
제로 우리는 스크래치에 대해 이야기 할 때.

354
00:15:28,240 --> 00:15:31,390
당신의 대부분은 아마 사용하지 않은
스크래치 프로젝트의 이벤트.

355
00:15:31,390 --> 00:15:33,850
하지만 당신은 기억 할 수
간단한 마르코 폴로

356
00:15:33,850 --> 00:15:36,760
예를 들어, 여기서 우리는 두 가지가 있었다
스프라이트는, 그중 하나 마르코 말했다.

357
00:15:36,760 --> 00:15:40,180
누구를 다음 청취시의 다른
그 이벤트를 듣고, 폴로 말했다.

358
00:15:40,180 --> 00:15:42,080
그렇지 않은 경우, 부담없이
멀리 뒤로 돌아 본다.

359
00:15:42,080 --> 00:15:44,450
>> 그러나 이것은 단지이다
말, 당신은 종류의 수

360
00:15:44,450 --> 00:15:47,730
이들의 이름에서 유추
일, 자바 스크립트, 그것은 밝혀,

361
00:15:47,730 --> 00:15:53,200
우리에게들을 수있는 방법을 제공하는 것입니다
마우스 추락 또는 마우스 올라가고에 대한

362
00:15:53,200 --> 00:15:57,920
또는 키 아래 또는 키 것
올라가고 또는 onsubmit onSelect를

363
00:15:57,920 --> 00:15:59,740
또는 뭔가를 onresizing.

364
00:15:59,740 --> 00:16:03,060
즉, 물리적 인 행동
인간은 브라우저 걸릴 수 있습니다

365
00:16:03,060 --> 00:16:08,210
매일 할 것을, 당신은 쓸 수 있습니다
그에 대한 코드는 그 이벤트를 수신

366
00:16:08,210 --> 00:16:10,220
다음 적절한 일을한다.

367
00:16:10,220 --> 00:16:14,130
>> 예를 들어, Google지도를 사용하는 경우,
를 클릭하고 이동하면 어떻게됩니까

368
00:16:14,130 --> 00:16:16,250
마우스, 통상적?

369
00:16:16,250 --> 00:16:17,758
당신은 클릭하고 드래그하면?

370
00:16:17,758 --> 00:16:18,258
그래?

371
00:16:18,258 --> 00:16:21,701

372
00:16:21,701 --> 00:16:22,200
정확히.

373
00:16:22,200 --> 00:16:23,159
지도는 이동하기 시작합니다.

374
00:16:23,159 --> 00:16:25,616
그래서 당신은 종류의 무엇을 볼 수 있습니다
여기, 저기거야.

375
00:16:25,616 --> 00:16:27,130
어떻게 구글은 그 구현 하는가?

376
00:16:27,130 --> 00:16:29,421
음, 아마도 그들은있어
이 이벤트의 몇 가지를 사용하여

377
00:16:29,421 --> 00:16:31,720
청취자, 하나의 그
, 마우스를 수신 말한다

378
00:16:31,720 --> 00:16:35,410
때 사용자가 물리적으로 너무 down--
자신의 트랙 패드 또는 자신의 마우스를 밀어

379
00:16:35,410 --> 00:16:36,010
아래로.

380
00:16:36,010 --> 00:16:38,350
그리고 우리가 찾고있는
운동과 같은

381
00:16:38,350 --> 00:16:41,145
또는 몇몇 다른 이벤트 그
우리가 드래그를 캡처 할 수 있습니다.

382
00:16:41,145 --> 00:16:45,910
그리고 사실, 드래그이 유사하게하다
점은 가능한 옵션의 점 목록을 점.

383
00:16:45,910 --> 00:16:49,140
>> 그래서이 강력한 될 것입니다
방법은 사용자에게 응답을 시작할

384
00:16:49,140 --> 00:16:52,824
심지어 그 또는 그녀가 실제로 클릭하기 전에
명시 적으로 뭔가 같이 제출합니다.

385
00:16:52,824 --> 00:16:55,240
그러나 우리는 소개거야
몇 가지 항목이 얻을 수 있습니다.

386
00:16:55,240 --> 00:16:58,570
하지만 먼저,하자 이행
일부 실제 코드.

387
00:16:58,570 --> 00:17:01,450
그래서 나는 갈거야
앞서 및 열 DOM-0,

388
00:17:01,450 --> 00:17:05,869
이는 매우 간단한 예입니다
여기에 단순히 확대하는 경우 그

389
00:17:05,869 --> 00:17:08,500
나를 여기이 입력을 가지고있다.

390
00:17:08,500 --> 00:17:12,410
내가 가서 입력거야
내 이름은 "다윗"하고 제출을 클릭합니다.

391
00:17:12,410 --> 00:17:17,940
>> 그리고,이기는하지만 일종의 싸게, 나는
라고 그 팝업이 메시지를

392
00:17:17,940 --> 00:17:19,244
"안녕하세요, 데이빗!"

393
00:17:19,244 --> 00:17:21,740
그래서이 가지입니다
같은 우리의 "안녕, 세계"

394
00:17:21,740 --> 00:17:25,150
우리가 잠시 다시 C에서했던 있고
심지어 PHP에서 동적으로했습니다 때문에

395
00:17:25,150 --> 00:17:26,310
내 이름을 출력한다.

396
00:17:26,310 --> 00:17:28,230
여기 누군가 다른 사람의 이름을 할 수 있습니다.

397
00:17:28,230 --> 00:17:31,240
간단히 말해서 나는이를하는 변경 될 수 있습니다
같은, 한나, 제출을 클릭합니다.

398
00:17:31,240 --> 00:17:33,780
그리고 실제로, 작은 팝업으로 변경됩니다.

399
00:17:33,780 --> 00:17:36,650
>> 이제, 팝업는 하나
웹의 가장 학대 기능을 제공합니다.

400
00:17:36,650 --> 00:17:38,520
그리고 사실, 다시
하루 팝업 차단

401
00:17:38,520 --> 00:17:40,820
유행에 와서 당신 때문에
일부 website--로 갈 것

402
00:17:40,820 --> 00:17:43,604
아마도 의심 place--
그 갑자기 다음 것

403
00:17:43,604 --> 00:17:46,020
화면을 peppering 시작
팝업의 전체 무리와 함께.

404
00:17:46,020 --> 00:17:49,700
그리고이 기능은 팝업
사용자의 앞에 창

405
00:17:49,700 --> 00:17:52,372
특히되지 않았습니다
인류에 의해 잘 받았습니다.

406
00:17:52,372 --> 00:17:54,080
당신이 볼 이유 그래서입니다
이는 일을 방지

407
00:17:54,080 --> 00:17:55,706
이는 단지이 모든 것은 추한 수 있습니다.

408
00:17:55,706 --> 00:17:57,996
그래서 우리는이 필요 해요
사용자에게 메시지를 표시하는 더 좋은 방법.

409
00:17:57,996 --> 00:17:59,350
하지만 지금은, 그 작동하는 것 같다.

410
00:17:59,350 --> 00:18:03,320
그러니 그냥 직관적으로, 무엇을
여기에서 일어나고있는 것 같다?

411
00:18:03,320 --> 00:18:07,870
내가 가서 제출을 클릭하고,
무언가는 분명히 일어나고.

412
00:18:07,870 --> 00:18:12,870
그러나 발생하지 무슨 그런 일이 않았다
지난 주에 내가 제출을 클릭 언제?

413
00:18:12,870 --> 00:18:15,940
화면에 어떤 일이 발생하지 않았다?

414
00:18:15,940 --> 00:18:17,170
죄송합니다?

415
00:18:17,170 --> 00:18:18,010
새로 고침.

416
00:18:18,010 --> 00:18:19,720
URL은 전혀 변하지 않았다.

417
00:18:19,720 --> 00:18:22,250
나는,이 DOM-0이라고 말했다
나는 DOM-0에서 여전히 해요.

418
00:18:22,250 --> 00:18:26,890
일반적으로, 우리는 몇 가지 다른 변경 얻을 것
register.php 등 같은 URL.

419
00:18:26,890 --> 00:18:29,560
>> 그러나 심지어는 해고 할 때
확인을 클릭하여이 일을,

420
00:18:29,560 --> 00:18:32,310
URL 것을 알 수
유지 완전히 넣어.

421
00:18:32,310 --> 00:18:35,350
그리고, 사실, 좀 해요 경우
회의 나 크롬을 열 수 있습니다.

422
00:18:35,350 --> 00:18:36,860
내가 네트워크 탭을 열어 보자.

423
00:18:36,860 --> 00:18:38,360
그리고이 순간에 빈의 알 수 있습니다.

424
00:18:38,360 --> 00:18:40,700
내가 가서 마리아을 다시 제출 보자.

425
00:18:40,700 --> 00:18:42,810
어떠한 네트워크 트래픽이 없습니다.

426
00:18:42,810 --> 00:18:44,320
그래서 더 HTTP가 없습니다.

427
00:18:44,320 --> 00:18:47,620
>> 그래서 실제로, 나는 소스 코드를 보면
이 항아리 날이 창을 닫으하자

428
00:18:47,620 --> 00:18:49,480
소스보기로 이동합니다.

429
00:18:49,480 --> 00:18:50,400
흥미.

430
00:18:50,400 --> 00:18:53,520
일부있을 것 같습니다
새로운 태그, 그 (것)들의 사이에서 스크립트.

431
00:18:53,520 --> 00:18:57,490
그럼 CS50 내에서 살펴 보자
IDE I은 정확하게 사용자에게 전송 무엇.

432
00:18:57,490 --> 00:19:00,690
>> 그래서 여기에하자 is--
HTML 만에 초점을 맞 춥니 다.

433
00:19:00,690 --> 00:19:03,500
다음은 DOM-0.html의 하단입니다.

434
00:19:03,500 --> 00:19:07,830
그리고이 제목을 가지고 있음을 알 수,
머리 태그, body 태그, 폼 태그.

435
00:19:07,830 --> 00:19:11,257
그러나 당신에게 점프
다른 당신은 적이 없다 특히

436
00:19:11,257 --> 00:19:12,590
자바 스크립트 자신을 작성합니다.

437
00:19:12,590 --> 00:19:14,920
내가 조금 이동하자
여기에서 오른쪽으로.

438
00:19:14,920 --> 00:19:18,330
내가 입력을 가지고있어,
또 다른 입력을 제출합니다.

439
00:19:18,330 --> 00:19:21,410
나는 새로운 종류 인 ID를 가지고있다.

440
00:19:21,410 --> 00:19:22,790
그러나 우리는 CSS로이를 확인했다.

441
00:19:22,790 --> 00:19:24,480
또 어떤 것은 확실히 새로운?

442
00:19:24,480 --> 00:19:24,980
그래?

443
00:19:24,980 --> 00:19:30,580

444
00:19:30,580 --> 00:19:32,140
반갑습니다.

445
00:19:32,140 --> 00:19:32,760
>> 괜찮아.

446
00:19:32,760 --> 00:19:35,630
그래서 onsubmit 말한다 곳,
다음과 같다 무엇을 알 수 있습니다.

447
00:19:35,630 --> 00:19:38,740
이 속성입니다
HTML 명칭에.

448
00:19:38,740 --> 00:19:40,944
이 값은 여기 인용 된 문자열입니다.

449
00:19:40,944 --> 00:19:42,860
그리고이 조금 보인다
언뜻 이상한.

450
00:19:42,860 --> 00:19:44,050
그것은 HTML이 아니다.

451
00:19:44,050 --> 00:19:45,240
그것은 CSS 아니다.

452
00:19:45,240 --> 00:19:47,580
당신이 생각 하듯이, 자바 스크립트입니다.

453
00:19:47,580 --> 00:19:51,850
그래서이 내장 것 같다
웹 페이지는 인사라는 기능입니다.

454
00:19:51,850 --> 00:19:54,250
그리고 나는 단지 추론 해요
이 단어이기 때문에, 인사.

455
00:19:54,250 --> 00:19:55,880
그것은 열린 괄호 있어요
가까운 괄호, 세미콜론.

456
00:19:55,880 --> 00:19:58,095
, C 함수처럼 보이는
PHP 함수처럼 보인다.

457
00:19:58,095 --> 00:20:00,370
>> 그리고 사실, 그것은 것
자바 스크립트 기능을합니다.

458
00:20:00,370 --> 00:20:01,440
그럼 false를 반환하고 있습니다.

459
00:20:01,440 --> 00:20:03,440
우리는 다시 올 것이다
단지 순간에 그.

460
00:20:03,440 --> 00:20:05,320
그러나 여기서이 함수는 정의?

461
00:20:05,320 --> 00:20:07,950
그럼 나를 위로 스크롤 할 수
파일의 상단에.

462
00:20:07,950 --> 00:20:11,710
그리고 그것은 긴 줄​​ 비록,
이는 상대적으로 간단하다.

463
00:20:11,710 --> 00:20:15,000
나 여기 축소하자
이 네 가지 라인에 초점을 맞 춥니 다.

464
00:20:15,000 --> 00:20:17,137
>> 자바 스크립트에 따라서 단지
PHP와 같은, 당신 만

465
00:20:17,137 --> 00:20:19,720
말 그대로, 단어 "기능"
함수 이름,

466
00:20:19,720 --> 00:20:22,700
다음 어떤 괄호
이 경우 인수를 arguments-- 없습니다.

467
00:20:22,700 --> 00:20:25,290
그리고 어떤 반환 형식이 없다
자바 스크립트에서, 단지 PHP를 좋아한다.

468
00:20:25,290 --> 00:20:29,470
그래서 C.보다 약간 느슨한입니다
열기 중괄호, 가까운 중괄호.

469
00:20:29,470 --> 00:20:33,270
자바 스크립트에 내장 된 function--이다
권장되지 function--

470
00:20:33,270 --> 00:20:35,730
하지만 함수 호출 경보
인생에서 누구의 유일한 목적

471
00:20:35,730 --> 00:20:38,620
꽤 추한를 당겨하는 것입니다
우리가 조금 전에 보았던하라는 메시지를 표시합니다.

472
00:20:38,620 --> 00:20:40,950
>> 지금이 입 가지입니다.

473
00:20:40,950 --> 00:20:42,560
여기 무슨 일이야?

474
00:20:42,560 --> 00:20:45,840
그럼으로 시작하자
여기에 모든 것을 강조.

475
00:20:45,840 --> 00:20:48,540
즉, 경고하기 위해 동일한 인수입니다.

476
00:20:48,540 --> 00:20:49,530
그리고 무슨 일이야?

477
00:20:49,530 --> 00:20:51,200
이것은 단지 문자열처럼 보인다.

478
00:20:51,200 --> 00:20:59,180
그리고 PHP는 달리와 달리 밝혀
C, 그것은 자바 스크립트에 문제가되지 않습니다

479
00:20:59,180 --> 00:21:01,090
당신이 작은 따옴표 또는 큰 따옴표 경우.

480
00:21:01,090 --> 00:21:02,060
그들은 동등한 수 있습니다.

481
00:21:02,060 --> 00:21:03,769
그리고 솔직히, 그것은 단지
요즘 인기

482
00:21:03,769 --> 00:21:06,726
항상에 자바 스크립트 프로그래머
어떤 이유로 작은 따옴표를 사용합니다.

483
00:21:06,726 --> 00:21:07,840
그것은 할 단지 것입니다.

484
00:21:07,840 --> 00:21:09,710
그러나 우리는뿐만 아니라, 큰 따옴표를 사용할 수 있습니다.

485
00:21:09,710 --> 00:21:11,540
>> 그래서 플러스는 새로운 캐릭터입니다.

486
00:21:11,540 --> 00:21:14,512
하지만 당신의 그 한 적이있는 사람
이 전에, 플러스 무엇을 의미합니까?

487
00:21:14,512 --> 00:21:16,440
그래.

488
00:21:16,440 --> 00:21:17,120
연결할.

489
00:21:17,120 --> 00:21:18,570
그래서 우리는 PHP에서 이것을 보았다.

490
00:21:18,570 --> 00:21:20,315
단지 점은있다
PHP에서 연산자 그

491
00:21:20,315 --> 00:21:22,000
두 개의 문자열을 연결합니다.

492
00:21:22,000 --> 00:21:24,000
C는 목에 통증이 작업을 수행하는 것이 었습니다.

493
00:21:24,000 --> 00:21:27,310
했다 PSET 여섯에서 리콜
목에 특별한 통증,

494
00:21:27,310 --> 00:21:29,470
당신이 사용하는 것
strcat와 같은

495
00:21:29,470 --> 00:21:31,660
메모리를 할당 한 후
스택 또는 힙에.

496
00:21:31,660 --> 00:21:34,243
당신은 남이했다
두 문자열을 연결합니다.

497
00:21:34,243 --> 00:21:36,040
자바 스크립트, 그것은 매우 간단합니다.

498
00:21:36,040 --> 00:21:38,030
그냥 그들 사이 더하기 연산자를 사용합니다.

499
00:21:38,030 --> 00:21:41,420
>> 그래서 복잡한 보이는
일이 될 것 같다

500
00:21:41,420 --> 00:21:43,490
때문에 끝에
이 전체 문자열, 나는 단지

501
00:21:43,490 --> 00:21:45,797
느낌표에 연결할.

502
00:21:45,797 --> 00:21:48,380
무엇을하고 팝업 그래서 경우
"안녕하세요, 데이비드", "안녕하세요, 한나,"

503
00:21:48,380 --> 00:21:52,740
"안녕하세요, 마리아"등, 명확하게
두 사이에서 그 중간 일

504
00:21:52,740 --> 00:21:55,215
흑자는 나에게 무엇에 대한 액세스 권한을 부여해야 하는가?

505
00:21:55,215 --> 00:21:58,855

506
00:21:58,855 --> 00:22:01,991
무엇 확실히 거기있어?

507
00:22:01,991 --> 00:22:02,490
그래.

508
00:22:02,490 --> 00:22:05,090
그래서 나는 여기 척합니다
자신의 이름을 대답, 맞죠?

509
00:22:05,090 --> 00:22:10,380
그래서 자신의 이름이 마지막에 팝업
결과. 그래서 이것은 무엇을 의미합니까?

510
00:22:10,380 --> 00:22:15,080
글쎄, 난 그 초기에 제안
DOM 소위 그림

511
00:22:15,080 --> 00:22:18,580
이 특별한 루트 요소가
길 위에 문서라고합니다.

512
00:22:18,580 --> 00:22:21,660
그리고 지금, 그이 일어나고, 밝혀
특별한 전역 변수가 될

513
00:22:21,660 --> 00:22:25,250
자바 스크립트에서, 인에 내장
유용한 기능의 전체 무리.

514
00:22:25,250 --> 00:22:31,770
유용한 기능이 중
능력은 모든 자손 노드에서 얻을 수 있습니다.

515
00:22:31,770 --> 00:22:37,760
그 정사각형 또는 직사각형 또는 타원
이다는 말하자면, 트리의 노드.

516
00:22:37,760 --> 00:22:41,850
>> 그래서 내장 밝혀
자바 스크립트의 문서 객체

517
00:22:41,850 --> 00:22:47,300
그렇지 알려진 함수이고
방법은, 그는 getElementById라고.

518
00:22:47,300 --> 00:22:50,410
호출하는 구문
자바 스크립트 함수

519
00:22:50,410 --> 00:22:55,220
그는 객체 나의 내부
변수는 도트 표기법입니다.

520
00:22:55,220 --> 00:22:57,950
그리고 우리는 C에서 이것을 보았다
무엇 구조체 구문.

521
00:22:57,950 --> 00:23:03,530
당신은, 가지, PSET 일곱에서 볼
종류의, 당신은 CS50 :: 쿼리를 볼 때.

522
00:23:03,530 --> 00:23:08,070
PHP에서 대장 대장은 또 다른입니다
의 함수를 호출하는 방법

523
00:23:08,070 --> 00:23:09,260
일부 개체의 내부.

524
00:23:09,260 --> 00:23:11,960
>> 하지만 지금은 자바 스크립트에 대한,
그것은 단지 점입니다.

525
00:23:11,960 --> 00:23:14,170
그리고이 기능,
잘 정도로, 가지

526
00:23:14,170 --> 00:23:16,810
이 ID로 요소를 얻을 does-- 것을 말한다.

527
00:23:16,810 --> 00:23:20,280
요소는 또 다른 이름입니다
DOM에 태그 또는 노드.

528
00:23:20,280 --> 00:23:26,900
그리고 ID "이름"에 의해 요소를 얻을
내 HTML의 여기이 항아리 의미한다.

529
00:23:26,900 --> 00:23:31,910
이 HTML에 기초하여, 어떤
노드 또는 어떤 HTML 태그는 내가 오전

530
00:23:31,910 --> 00:23:35,097
프로그래밍 방식으로 손으로 될 것
document.getElementById를 호출하여?

531
00:23:35,097 --> 00:23:37,650

532
00:23:37,650 --> 00:23:38,500
>> 네, 정확히.

533
00:23:38,500 --> 00:23:42,670
내가 입력을받을거야
ID가이 요소는 "이름"입니다.

534
00:23:42,670 --> 00:23:45,140
그래서 구체적으로, 당신은 할 수
이 함수의 생각,

535
00:23:45,140 --> 00:23:49,560
제공하는 방법으로, getElementById
특정 노드에 대한 포인터를 백업

536
00:23:49,560 --> 00:23:50,060
트리에서.

537
00:23:50,060 --> 00:23:51,980
우리는이 그려하지 않은
트리 있지만 방법

538
00:23:51,980 --> 00:23:54,900
의 액세스를 얻기
사각형 또는 직사각형

539
00:23:54,900 --> 00:23:58,090
고유의 ID를 통해 그것을 확인해서.

540
00:23:58,090 --> 00:23:59,760
>> 지금, 왜이 유용합니다?

541
00:23:59,760 --> 00:24:01,510
글쎄, 그것은 밝혀
당신이받은 일단 그

542
00:24:01,510 --> 00:24:07,220
에서 직사각형 노드,
사진, 그것의 내부 노드,

543
00:24:07,220 --> 00:24:10,660
차례의 전체 무리가 있습니다
properties-- 키 - 값 쌍

544
00:24:10,660 --> 00:24:13,480
또는 값이라고 하나의 데이터.

545
00:24:13,480 --> 00:24:16,500
그래서 말 그대로, 그것은 종류의
입이 모든 일을 설명한다.

546
00:24:16,500 --> 00:24:19,370
그러나 결국,
모든이가하는 당신을 줄입니다

547
00:24:19,370 --> 00:24:23,070
사용자가에 입력 한 문자열
이 계층 적 방식으로.

548
00:24:23,070 --> 00:24:24,820
하지만 난 싫어
이러한 것들의 커플.

549
00:24:24,820 --> 00:24:27,590
또는 오히려, 약간의 호기심은 여전히​​있다.

550
00:24:27,590 --> 00:24:28,870
그 모든 일을 보였다.

551
00:24:28,870 --> 00:24:33,420
왜 내가 돌아 생각
인사를 호출 한 후 거짓?

552
00:24:33,420 --> 00:24:35,910
이 것을, 조금 못생긴 외모
나는 두 개의 문이있다

553
00:24:35,910 --> 00:24:38,730
세미콜론으로 구분.

554
00:24:38,730 --> 00:24:39,310
추측을 가져 가라.

555
00:24:39,310 --> 00:24:44,390
내가 false를 돌려 분리 한 경우, 어떤
단지 본능적으로 일어날 수 있는가?

556
00:24:44,390 --> 00:24:46,990

557
00:24:46,990 --> 00:24:49,460
죄송합니다, 다시 말?

558
00:24:49,460 --> 00:24:50,530
>> 윈도우의 무리를 엽니 다.

559
00:24:50,530 --> 00:24:52,780
그래서 잠재적으로 아마 뭔가
그 일어날 것 같은.

560
00:24:52,780 --> 00:24:54,422
그 밖의 무엇?

561
00:24:54,422 --> 00:24:55,630
요청 곳을 제출 할 수 있음?

562
00:24:55,630 --> 00:24:59,109

563
00:24:59,109 --> 00:25:00,510
같은 페이지로 이동합니다.

564
00:25:00,510 --> 00:25:03,110
그래서, 실제로, 그 해당의
여기에 답변을 가까이,

565
00:25:03,110 --> 00:25:05,890
심지어는 달리,하지만
과거에, 난 안했습니다

566
00:25:05,890 --> 00:25:09,300
action 속성 지정,
이는 일반적으로 우리가해야한다.

567
00:25:09,300 --> 00:25:11,780
기본적으로 거기에 밝혀졌습니다.
이 동작을 지정하지 않으면,

568
00:25:11,780 --> 00:25:15,370
이 견적을 말처럼, 맺다
또는 파일 자체의 이름,

569
00:25:15,370 --> 00:25:17,850
이 경우에하는 것
DOM-0.html처럼.

570
00:25:17,850 --> 00:25:20,420
그것은 바로 가지, 추론 것
또는 오히려 암시.

571
00:25:20,420 --> 00:25:22,420
>> 그리고 이렇게하지 ​​그렇다면, 이제 알 수 있습니다.

572
00:25:22,420 --> 00:25:23,230
날이를 저장할 수 있습니다.

573
00:25:23,230 --> 00:25:25,270
그리고 거짓 수익을 삭제했습니다.

574
00:25:25,270 --> 00:25:27,759
날이 다시 가자
예과 힘을 다시로드합니다.

575
00:25:27,759 --> 00:25:30,800
그리고 당신은 내가 제안 볼 수도
이 CS50에 시간의 무리를 토론한다.

576
00:25:30,800 --> 00:25:34,560
아무것도 이제까지 행동이라면 펑키와
예상대로 브라우저, 행동 아니에요

577
00:25:34,560 --> 00:25:37,410
자주 당신은 유지하는 것이 좋습니다
Shift 키를 누른 다음 새로 고침을 클릭합니다.

578
00:25:37,410 --> 00:25:41,480
즉 다시로드 모든 파일을 강제로
그리고 브라우저의 로컬 캐시를 사용하지

579
00:25:41,480 --> 00:25:47,032
또는 복사 지금, 그래서 내가 가서 보자
내 관리자, 네트워크 탭을 엽니 다.

580
00:25:47,032 --> 00:25:48,740
나는 클릭거야
로그인을하기 때문에 유지 나는

581
00:25:48,740 --> 00:25:51,660
이 행을 삭제하지 않으
나는 다른 곳에서 털어 내게 일단.

582
00:25:51,660 --> 00:25:54,650
>> 내가 여기 가서 보자
앤디의 유형, 제출을 클릭합니다.

583
00:25:54,650 --> 00:25:55,150
괜찮아.

584
00:25:55,150 --> 00:25:56,480
예상대로 보인다.

585
00:25:56,480 --> 00:25:57,440
그것은 "안녕하세요, 앤디."라고

586
00:25:57,440 --> 00:25:59,420
내가 확인을 클릭하자.

587
00:25:59,420 --> 00:26:00,610
흥미.

588
00:26:00,610 --> 00:26:05,100
페이지가 변경된 것을 알 수 있습니다
일본어 페이지로이기는하지만.

589
00:26:05,100 --> 00:26:06,770
변경된의 URL 종류를 알 수 있습니다.

590
00:26:06,770 --> 00:26:09,430
그것은 물음표를 추가
이는 보통 지표

591
00:26:09,430 --> 00:26:11,260
것을 우리는 뭔가를 제출했습니다.

592
00:26:11,260 --> 00:26:13,570
그리고 하단에,
더 명시 적으로,

593
00:26:13,570 --> 00:26:17,570
여기서 실제의 HTTP 요청은,
(200)의 응답을 얻었다 것을

594
00:26:17,570 --> 00:26:18,490
여기에 날 다시 가져왔다.

595
00:26:18,490 --> 00:26:20,250
>> 그래서이없는 무엇이다
우리는 바로 싶지?

596
00:26:20,250 --> 00:26:22,166
에 내가 원하는하지 않기 때문에
전체 페이지를 다시로드합니다.

597
00:26:22,166 --> 00:26:24,970
내가 대신 반환 싶어
그래서 단락에 거짓

598
00:26:24,970 --> 00:26:28,840
브라우저의 기본 동작하는
페이지를 제출, 물론이었다.

599
00:26:28,840 --> 00:26:31,700
>> 그럼 살펴 보자
소폭 더 나은 예.

600
00:26:31,700 --> 00:26:33,920
이 DOM 버전입니다.

601
00:26:33,920 --> 00:26:36,680
다음을 알 수 있습니다.

602
00:26:36,680 --> 00:26:39,150
당신이 grok 수없는 경우는 괜찮습니다
코드 행의 모든​​.

603
00:26:39,150 --> 00:26:41,750
그러나 근본적으로 다른 것입니다
이 구현에 대한?

604
00:26:41,750 --> 00:26:44,690
나는 그것이 동작합니다 규정합니다
같은, 같은 일을.

605
00:26:44,690 --> 00:26:49,320

606
00:26:49,320 --> 00:26:51,570
나는 분명히 다르게 무슨 짓을 한거야?

607
00:26:51,570 --> 00:26:52,266
그래?

608
00:26:52,266 --> 00:26:53,182
>> 청중 : [들림].

609
00:26:53,182 --> 00:27:03,421

610
00:27:03,421 --> 00:27:04,170
데이비드 마란 : 그래.

611
00:27:04,170 --> 00:27:08,620
그래서 함수가 정의되어 differently--
형태 결석 즉,,

612
00:27:08,620 --> 00:27:13,180
거기 라인 전하는 바에 나
오히려, 라인 8-- 더 이상 없다

613
00:27:13,180 --> 00:27:15,070
내가 onsubmit 속성을 가지고 않습니다.

614
00:27:15,070 --> 00:27:16,750
앞의 예에서,이 있었다.

615
00:27:16,750 --> 00:27:18,530
그리고 말 그대로 여기에 코드를 썼다.

616
00:27:18,530 --> 00:27:20,210
그리고 나는 false를 돌려 말했다.

617
00:27:20,210 --> 00:27:22,180
그리고 그것은 문질러하지 않은 경우
당신이 아직 잘못된 방향으로,

618
00:27:22,180 --> 00:27:26,140
그것은에 시작해야하는 한
HTML에서와 같이, 같은,

619
00:27:26,140 --> 00:27:29,530
우리가 시작했을 때를 공동 어울려
스타일 속성에 CSS로,

620
00:27:29,530 --> 00:27:32,890
그냥 조금 얻기 시작
지저분하거나 조금 잘못을 느낍니다.

621
00:27:32,890 --> 00:27:35,020
>> 마찬가지로 여기에, 경우
당신은, HTML을 복용 시작

622
00:27:35,020 --> 00:27:37,419
다음 자동으로
일부 자바 스크립트 코드를 풍덩

623
00:27:37,419 --> 00:27:40,460
인용 된 문자열의 중간에, 그것은이다
아주 유지 보수가 될 수 없습니다.

624
00:27:40,460 --> 00:27:40,630
권리?

625
00:27:40,630 --> 00:27:43,690
그것은 처음도 분명 아니다
자바 스크립트 코드가 어디에 배치합니다.

626
00:27:43,690 --> 00:27:46,590
그래서는 정말 좋은 것
잘 디자인의 원리

627
00:27:46,590 --> 00:27:50,500
이제 우리의 HTML을 완전히 유지하자
우리의 자바 스크립트에서 분리합니다.

628
00:27:50,500 --> 00:27:53,150
>> 그래서 우리가했습니다 무엇을, 그렇게
여기에 수행 following--입니다

629
00:27:53,150 --> 00:27:56,790
우리는 간단하게 만 마크 업을 위해 HTML을 사용합니다.

630
00:27:56,790 --> 00:28:00,730
그리고 버전이 하나, 모든
내가 가지고는 고유 한 ID를 가진 형태이다.

631
00:28:00,730 --> 00:28:04,630
그리고 여기에 아래로 난을 활용 해요
자바 스크립트의 특별한 기능

632
00:28:04,630 --> 00:28:08,480
이에 나는 무엇을 할 수 있습니다
익명 함수라고합니다.

633
00:28:08,480 --> 00:28:14,150
그래서 내가 전화를하면 밝혀
'데모'의 중요 document.getElementById

634
00:28:14,150 --> 00:28:18,890
그것은 나에게 포인터를 제공 같아요
내 트리에서이 노드, 형태 요소,

635
00:28:18,890 --> 00:28:20,100
말하자면.

636
00:28:20,100 --> 00:28:22,220
>> 지금, 난 그냥 알고
HTML의 조금을 알고

637
00:28:22,220 --> 00:28:26,330
지금 우리는 일부 온라인을 읽은 것
기준, 즉 폼 요소 지원

638
00:28:26,330 --> 00:28:29,950
이벤트 listeners--의 전체 무리
바꾸어 말하면, 사건의 세탁 목록

639
00:28:29,950 --> 00:28:31,700
우리가 조금 전에 보았던 청취자.

640
00:28:31,700 --> 00:28:35,950
나는 설명서를 읽고 알고
그 onsubmit는 유효한 이벤트

641
00:28:35,950 --> 00:28:38,520
양식 요소에 대한 청취자입니다.

642
00:28:38,520 --> 00:28:41,480
>> 그래서 내가 알고 한 번,
내가 어떻게하는 것이 안전합니다

643
00:28:41,480 --> 00:28:45,390
해당 노드를 얻을 수 following--
나무에서, 형태 요소,

644
00:28:45,390 --> 00:28:48,070
및 소위 액세스 할
onsubmit 속성입니다.

645
00:28:48,070 --> 00:28:49,880
그래서 점은 의미
이것은 속성입니다

646
00:28:49,880 --> 00:28:52,180
그것의 내부에 특수 값 등을들 수있다.

647
00:28:52,180 --> 00:28:55,590
그리고 어떤 데이터 유형 나는 오전
할당, 분명히,

648
00:28:55,590 --> 00:28:58,900
인 onsubmit하기
내부 효과적으로 변수

649
00:28:58,900 --> 00:29:01,010
트리 노드의?

650
00:29:01,010 --> 00:29:04,100
그것은 그 구조체의 내부 필드입니다.

651
00:29:04,100 --> 00:29:05,810
데이터 유형은 무엇입니까?

652
00:29:05,810 --> 00:29:07,030
>> 기능, 그래.

653
00:29:07,030 --> 00:29:08,607
그래서 PHP는이이 밝혀졌습니다.

654
00:29:08,607 --> 00:29:10,440
심지어 우리하지만
그것에 대해 말하지 않았다,

655
00:29:10,440 --> 00:29:16,240
C는 함수 포인터,이
통과 기능을 할당 할 수있는 능력

656
00:29:16,240 --> 00:29:18,330
변수 '값 자체로.

657
00:29:18,330 --> 00:29:20,280
그리고 우리는하지 않을거야
C로 다시 회귀하는

658
00:29:20,280 --> 00:29:23,250
하지만 지금은, 그것은 밝혀
여기서 우측,

659
00:29:23,250 --> 00:29:26,260
그것은 조금 보이는 경우에도
펑키,이 수단, 헤이 브라우저,

660
00:29:26,260 --> 00:29:27,550
나에게 기능을 제공합니다.

661
00:29:27,550 --> 00:29:30,560
난 포기 귀찮게하지 않을거야
이 이름을 말 그대로이기 때문에

662
00:29:30,560 --> 00:29:34,450
현실을 부르 자 할당하는 것
이 함수의 주소

663
00:29:34,450 --> 00:29:35,994
바로 onsubmit합니다.

664
00:29:35,994 --> 00:29:39,160
즉, 브라우저, 당신은 필요가 없습니다
이 기능이라고 알고 있습니다.

665
00:29:39,160 --> 00:29:41,890
당신은 알 필요가
어디 메모리입니다.

666
00:29:41,890 --> 00:29:44,210
그리고 그것은 단지로 충분
이 등호가

667
00:29:44,210 --> 00:29:48,240
와 같이,이 이름을 지정 귀찮게하지
foo는 또는 인사 또는 다른 단어입니다.

668
00:29:48,240 --> 00:29:50,150
그리고 지금이 바로 문체 것입니다.

669
00:29:50,150 --> 00:29:53,100
나는이 중괄호를 움직일 수
짓이야 sorry-- 다음 행으로

670
00:29:53,100 --> 00:29:54,750
같은 우리는 일반적으로 CS50을한다.

671
00:29:54,750 --> 00:29:57,550
그러나 자바 스크립트에서는,이야
실제로 문체 일반

672
00:29:57,550 --> 00:30:00,450
바로 중괄호를 유지,
그 첫 번째 줄에 첫 번째.

673
00:30:00,450 --> 00:30:02,620
>> 그러나 이하, 거기에
아무것도 흥미 롭군요.

674
00:30:02,620 --> 00:30:05,830
즉, 열린 중괄호 단지
내 기능의 시작을 구분한다.

675
00:30:05,830 --> 00:30:09,320
이 기능은 지금
동일, 나는했습니다 제외

676
00:30:09,320 --> 00:30:11,452
반환 거짓을 포함
이 함수의 내부.

677
00:30:11,452 --> 00:30:13,160
이 out--집니다 때문에
당신은 단지 것

678
00:30:13,160 --> 00:30:14,980
읽는이를 알고
documentation--

679
00:30:14,980 --> 00:30:19,740
당신이 기능을 할당하는 경우 그
onsubmit 핸들러가 false를 반환하려면

680
00:30:19,740 --> 00:30:23,420
브라우저는 알고 동의
서버에 양식을 제출하지.

681
00:30:23,420 --> 00:30:27,210
이 true를 반환하면, 그것은 제출
우리가 볼 수 이유로 서버에 그

682
00:30:27,210 --> 00:30:28,700
단지 순간에 유용하다.

683
00:30:28,700 --> 00:30:31,000
>> 그리고 세미콜론 후
중괄호가 단지

684
00:30:31,000 --> 00:30:32,541
내가 함수를 정의 끝났어요 의미한다.

685
00:30:32,541 --> 00:30:36,600
당신은 곧 전화를 알고
당신은 제출을들을 수있다.

686
00:30:36,600 --> 00:30:37,100
괜찮아.

687
00:30:37,100 --> 00:30:40,650
이것은 여전히​​ 논란의 여지 종류의 추악한이다.

688
00:30:40,650 --> 00:30:42,190
그래서 우리는 더 무엇을 할 수 있습니까?

689
00:30:42,190 --> 00:30:45,000
>> 글쎄, 그건 다음에 밝혀
last--입니다 버전이,

690
00:30:45,000 --> 00:30:46,780
우리는이에 그냥 눈에거야.

691
00:30:46,780 --> 00:30:49,850
만들기의 위험에
그것은 이보다, 그것 밝혀

692
00:30:49,850 --> 00:30:52,160
도서관에가 있다는 것을
세계는 jQuery를 불렀다.

693
00:30:52,160 --> 00:30:54,900
그리고 jQuery를 슈퍼입니다
인기있는 자바 스크립트 라이브러리

694
00:30:54,900 --> 00:30:57,930
그 대부분 정도로 인기
어떤은 그렇지 않은 JavaScript--

695
00:30:57,930 --> 00:31:00,540
사람들이 혼동하기에 드문
자바 스크립트와 jQuery를.

696
00:31:00,540 --> 00:31:01,070
왜?

697
00:31:01,070 --> 00:31:04,990
자바 스크립트 자체는 매우있다
things-- 수행하는 자세한 방법

698
00:31:04,990 --> 00:31:07,820
document.getElementById를, dadadadadada.

699
00:31:07,820 --> 00:31:10,510
당신은 매우를 가​​진 끝
코드의 긴 줄.

700
00:31:10,510 --> 00:31:15,550
>> 그래서 존 잔유라는 이름의 동료,
누가 실제로 시작 작동

701
00:31:15,550 --> 00:31:18,630
요즘까지 나왔다
이 라이브러리 년

702
00:31:18,630 --> 00:31:22,070
전 그 많은 사람들이 기여
그 변경 jQuery를 호출합니다

703
00:31:22,070 --> 00:31:23,449
다음과 같은 방법으로 구.

704
00:31:23,449 --> 00:31:25,740
그리고 그냥 그렇게 당신은 본 적이
당신은 변함없이 것이기 때문에

705
00:31:25,740 --> 00:31:28,140
일 경우이 참조
웹 기반의 최종 프로젝트,

706
00:31:28,140 --> 00:31:33,270
이에 해당하는 방법이 될 것입니다
사용하여 동일한 기능을 구현

707
00:31:33,270 --> 00:31:34,630
이 특별한 라이브러리.

708
00:31:34,630 --> 00:31:36,680
>> 지금, 오히려 애 태우는보다
떨어져 전체의 그것,

709
00:31:36,680 --> 00:31:38,520
그냥 몇 가지 패턴을 살펴 보자.

710
00:31:38,520 --> 00:31:44,850
이 구문이 나타납니다
얼마나 많은 익명 함수

711
00:31:44,850 --> 00:31:49,584
또는 무명 기능
또는 일명 람다 함수?

712
00:31:49,584 --> 00:31:50,190
두, 오른쪽?

713
00:31:50,190 --> 00:31:52,690
그리고 당신도 알다시피, 그 경우에도
당신이 슈퍼 편안하지 않은

714
00:31:52,690 --> 00:31:55,780
그냥 사실에 의해
말한다 기능 ()을 두 번 누릅니다.

715
00:31:55,780 --> 00:31:58,172
>> 그리고 그것은 밝혀
어떤이 코드가 doing--입니다

716
00:31:58,172 --> 00:32:01,255
우리는 온라인 참고 문헌을 참조 할 것이다,
궁극적으로,이 몇 가지 도움.

717
00:32:01,255 --> 00:32:04,480
이것은 단지 의미 때
문서는 준비

718
00:32:04,480 --> 00:32:07,490
가서 등록
다음 함수

719
00:32:07,490 --> 00:32:12,064
HTML에 대한 제출 핸들러로
그의 독특한 아이디어 데모입니다 요소입니다.

720
00:32:12,064 --> 00:32:14,480
그리고, 그렇게되면,
코드의 두 라인을 호출합니다.

721
00:32:14,480 --> 00:32:18,677
그리고 이것은, 더 비극적이다
false를 돌려 말하는 자세한 방법.

722
00:32:18,677 --> 00:32:21,510
그리고 우리는 이유만으로이 언급
이 온라인과 같은 코드를 볼 수 있습니다.

723
00:32:21,510 --> 00:32:23,140
그리고 그것은에 의해 daunted 할 것도 없다.

724
00:32:23,140 --> 00:32:26,057
오히려, 무슨 일이 있다고 염두에 두어야
자바 스크립트에 공통 될 것

725
00:32:26,057 --> 00:32:26,765
이 패러다임이다.

726
00:32:26,765 --> 00:32:29,510
우리가 지금 보여 이유 그래서입니다.

727
00:32:29,510 --> 00:32:30,010
괜찮아.

728
00:32:30,010 --> 00:32:32,730
그래서 너무 주거없이
그 구문에 대한 많은,

729
00:32:32,730 --> 00:32:37,800
질문에 거기있다
이러한 사례 또는 아이디어 지금까지?

730
00:32:37,800 --> 00:32:38,300
괜찮아.

731
00:32:38,300 --> 00:32:40,220
그럼 유용 뭔가를이를 사용하자.

732
00:32:40,220 --> 00:32:47,070
그냥 안부 웹 페이지 만들기
그래서 그래서, 모두 흥미없는

733
00:32:47,070 --> 00:32:47,830
underwhelm하지.

734
00:32:47,830 --> 00:32:51,038
이 사람은, 아름다운 않을거야
하지만 유용한 일을 할 것입니다.

735
00:32:51,038 --> 00:32:56,350
내 디렉토리로 돌아 가자
여기 열고, 폼 0.html, 말한다.

736
00:32:56,350 --> 00:32:59,320
>> 그래서이 신입생 가정하자
교내 스포츠 등록 페이지

737
00:32:59,320 --> 00:33:01,780
어떤 CSS 또는 디자인의 어떤 의미없이.

738
00:33:01,780 --> 00:33:05,404
그리고 앞서 가고 싶어하고
암호로 등록을 여기에.

739
00:33:05,404 --> 00:33:08,320
그리고 조건에 동의거야
약관 및 등록을 클릭합니다.

740
00:33:08,320 --> 00:33:11,700
이제 웹 사이트는 당신이 말한다, "
등록! (글쎄, 정말.) "

741
00:33:11,700 --> 00:33:15,070
이 일처럼 즉, 보이지만
내가 가서 다시로드를 강제 할 수 있습니다.

742
00:33:15,070 --> 00:33:18,720
>> 그리고 나를 아니, 당신은하지 않습니다, 가정 해 봅시다
내 실제 이메일 주소가 필요합니다.

743
00:33:18,720 --> 00:33:21,820
아니면 우리는 단지 거기에 메일을 말할 것이다.

744
00:33:21,820 --> 00:33:25,080
비밀번호는 12345, 같은 될 것입니다.

745
00:33:25,080 --> 00:33:28,810
그리고, 내가 해요 그냥 있기 때문에
바보는, 지금은 123456789입니다.

746
00:33:28,810 --> 00:33:31,150
그리고 난 당신의 확인란을 선택하지 않을거야.

747
00:33:31,150 --> 00:33:31,850
>> 흠.

748
00:33:31,850 --> 00:33:32,350
괜찮아.

749
00:33:32,350 --> 00:33:34,920
그래서 여러 기회를있다
여기에 개선.

750
00:33:34,920 --> 00:33:39,070
그리고 당신은 알고있다, 또는 PSET에서 볼 수
당신이 code-- 쓸 수 일곱,

751
00:33:39,070 --> 00:33:41,890
당신은 작성해야
PHP--의 코드 방어

752
00:33:41,890 --> 00:33:45,780
사용자의 이러한 종류에 대하여
오류가 명확하게 사용자 때문에

753
00:33:45,780 --> 00:33:46,790
협력 않았습니다.

754
00:33:46,790 --> 00:33:49,680
그리고 그 또는 그녀는 당신에게 주어진하지 않은 모든
당신이 원하는 또는 형식 값

755
00:33:49,680 --> 00:33:50,630
당신이 그들을 원했다 그.

756
00:33:50,630 --> 00:33:53,250
그래서 당신은 PSET 일곱에 볼 수 있습니다 그
우리는 확실히 몇 가지가있을 수

757
00:33:53,250 --> 00:33:55,680
말을 조건으로하는 경우
이메일 주소의 경우

758
00:33:55,680 --> 00:33:59,450
username@something.edu는 아니다
우리는 단지 수

759
00:33:59,450 --> 00:34:02,575
죄송합니다 말을하고 사용자에게 사과
많은, 당신은 PSET 일곱에있을 수있다.

760
00:34:02,575 --> 00:34:05,700
아니면 그 상자를 선택하지 않은 경우,
PHP에서 밝혀, 당신은 그것을 감지 할 수 있습니다,

761
00:34:05,700 --> 00:34:06,200
너무.

762
00:34:06,200 --> 00:34:09,389
그리고 확실히 암호의 경우
register.php과 일치하지 않습니다

763
00:34:09,389 --> 00:34:11,521
PSET 일곱을 위해, 당신은 그것을 감지 할 수 있습니다.

764
00:34:11,521 --> 00:34:13,770
하지만 그의 고통
그의 목 지금은 요청

765
00:34:13,770 --> 00:34:15,510
우리는 서버에 모든 방법을 이동합니다.

766
00:34:15,510 --> 00:34:17,053
사용자에게 오류를 통보한다.

767
00:34:17,053 --> 00:34:19,219
적어도 당신은 사용하지 않는
일부 애호가 기술,

768
00:34:19,219 --> 00:34:20,929
이제 그들은 다시 화살표를 클릭합니다.

769
00:34:20,929 --> 00:34:23,300
이처럼 좋은하지 않을까요
웹 사이트의 많은 오늘날,

770
00:34:23,300 --> 00:34:26,190
당신은 더 많은 바로이 있다면
피드백, 즉시?

771
00:34:26,190 --> 00:34:31,389
>> 즉, 저 버전으로 가자
더 예뻐을 없을 것입니다 하나.

772
00:34:31,389 --> 00:34:33,469
하지만이 기능을 가지고있다.

773
00:34:33,469 --> 00:34:39,590
마란, 12345, 123456789,하지
, 등록 확인란을 선택하는 것.

774
00:34:39,590 --> 00:34:41,330
비밀번호가 일치하지 않습니다.

775
00:34:41,330 --> 00:34:44,459
그래서이 팝업 ugly-- 경우에도
우리는 결국이를 대체 할 수

776
00:34:44,459 --> 00:34:47,000
부트 스트랩 같은과,
당신은 PSET 일곱에서 확인할 수 있습니다

777
00:34:47,000 --> 00:34:50,239
내가 한 매우 인기있는 library--입니다
암호가 일치하지 않음을 감지합니다.

778
00:34:50,239 --> 00:34:50,739
괜찮아.

779
00:34:50,739 --> 00:34:52,530
음, 나 사용자로 그 문제를 해결 할 수 있습니다.

780
00:34:52,530 --> 00:34:55,460
내가 가서 12345, 12345을 가정 해 봅시다.

781
00:34:55,460 --> 00:34:57,780
아직 계약을 확인하지.

782
00:34:57,780 --> 00:35:00,210
당신은에 동의해야합니다
이용 약관.

783
00:35:00,210 --> 00:35:01,760
왜?

784
00:35:01,760 --> 00:35:04,100
>> 우리는 이미 상정 한 경우
방법이 있는지,

785
00:35:04,100 --> 00:35:07,260
우리는 당신을 요구 한
에러를 검출하기 PSET 일곱

786
00:35:07,260 --> 00:35:09,780
이 같은 조건
서버 측, 왜해야

787
00:35:09,780 --> 00:35:13,940
또한 자바 스크립트에서이 일을 귀찮게?

788
00:35:13,940 --> 00:35:15,850
인수는 무엇인가
추가 찬성 무엇

789
00:35:15,850 --> 00:35:18,760
당신은 한적으로 볼 수에 대한 것
추가 복잡성이있다.

790
00:35:18,760 --> 00:35:23,610

791
00:35:23,610 --> 00:35:25,930
>> 어쩌면 더 상승은 없다.

792
00:35:25,930 --> 00:35:26,924
그것은 무엇을 할 수 있을까?

793
00:35:26,924 --> 00:35:27,840
청중 : [들림].

794
00:35:27,840 --> 00:35:31,132

795
00:35:31,132 --> 00:35:32,340
데이비드 마란 : 아, 재미.

796
00:35:32,340 --> 00:35:33,530
잠재적 인 공격.

797
00:35:33,530 --> 00:35:37,540
그래서 물론, 당신이 처리하지 않는 경우
잘못된 사용자 입력 큰 것을,

798
00:35:37,540 --> 00:35:40,170
어쩌면 그것은 경우 모든 낫다
당신의 서버에 도달하지 않습니다.

799
00:35:40,170 --> 00:35:42,160
내가 거기에 다시 밀어 것이며,
말하자면, 당신은 아마해야

800
00:35:42,160 --> 00:35:43,284
이러한 문제를 모두 해결.

801
00:35:43,284 --> 00:35:44,140
그러나 공정입니다.

802
00:35:44,140 --> 00:35:44,710
그 밖의 무엇?

803
00:35:44,710 --> 00:35:45,626
>> 청중 : [들림].

804
00:35:45,626 --> 00:35:47,970

805
00:35:47,970 --> 00:35:49,014
>> 데이비드 마란 : 그래.

806
00:35:49,014 --> 00:35:51,680
우리가 전에 말했듯이 코드는,이다
클라이언트 측에서 해석.

807
00:35:51,680 --> 00:35:53,846
이 서버를 귀찮게하지 않습니다,
어떤 의미가되지 않습니다

808
00:35:53,846 --> 00:35:55,930
서버의 부하 또는 용량에 영향을.

809
00:35:55,930 --> 00:35:59,840
그리고 지금, 조금 오래된 나를 위해,
이 의미있는 영향을 미치지 않습니다

810
00:35:59,840 --> 00:36:01,970
내가 지금하는 사용자가 있기 때문이다.

811
00:36:01,970 --> 00:36:04,010
>> 하지만 당신은 어떤 있다면
알맞은 크기의 웹 사이트,

812
00:36:04,010 --> 00:36:07,400
특히 가장 큰, 페이스 북과 같은,
더 사람들을 유지할 수 있습니다

813
00:36:07,400 --> 00:36:09,927
서버의 더 나은
서버 때문에, 물론,

814
00:36:09,927 --> 00:36:12,510
RAM이 한정된 양을 가지고,
기가 헤르츠의 유한 수

815
00:36:12,510 --> 00:36:16,340
사물의 유한 수
이는 단위 시간당 수행 할 수있다.

816
00:36:16,340 --> 00:36:19,170
더 많은 사람들의가 있다면
세계는, 서버를 타격

817
00:36:19,170 --> 00:36:21,750
실수로 로그인
잘못, 그냥 잘 경우

818
00:36:21,750 --> 00:36:23,254
서버 떨어져 그 부하를 유지할 수 있습니다.

819
00:36:23,254 --> 00:36:25,420
게다가, 특히 모바일
혹시했습니다 경우 device--

820
00:36:25,420 --> 00:36:29,190
my.harvard에 로그인 또는
예일의 NetID를 등,

821
00:36:29,190 --> 00:36:32,330
많은이 대기 시간이있다
즉이 소요된다 같은 웹 사이트,

822
00:36:32,330 --> 00:36:34,110
같은, 빌어 먹을 두 번째 또는 두 때로는.

823
00:36:34,110 --> 00:36:37,979
그리고, 나의 하나님, 당신은 잘못 입력하는 경우
당신은 반격을하고 다시 실행해야합니다.

824
00:36:37,979 --> 00:36:40,520
그래서 특히, 대기 시간이있다
느린 네트워크 연결에.

825
00:36:40,520 --> 00:36:43,030
그러나 자바 스크립트 때문에
그것은 클라이언트에서 실행

826
00:36:43,030 --> 00:36:46,720
앞뒤로 갈 필요가 없습니다
잠재적으로 느린 인터넷을 통해

827
00:36:46,720 --> 00:36:49,780
연결, 당신이 얻을 수 있습니다
거의 즉각적인 피드백.

828
00:36:49,780 --> 00:36:50,760
>> 그래서이 살펴 보자.

829
00:36:50,760 --> 00:36:54,280
나를 열어 보자 폼 0
여기에 HTML 봐.

830
00:36:54,280 --> 00:36:56,040
그리고 그냥 무슨 일이 일어나고 있는지 살펴 보자.

831
00:36:56,040 --> 00:36:59,460
이것은 누구의 한 형태이다
작업은 register.php입니다.

832
00:36:59,460 --> 00:37:01,530
난 그냥 그렇게 얻을 사용하고 있습니다
나는 URL을 볼 수있다.

833
00:37:01,530 --> 00:37:05,030
그러나 암호를, 우리는 확실히 싶어
현실에 게시하려면이 변경됩니다.

834
00:37:05,030 --> 00:37:06,910
여기에 텍스트를 입력하는 입력 필드입니다.

835
00:37:06,910 --> 00:37:09,050
여기에 또 다른 입력입니다
입력 한 암호의 필드.

836
00:37:09,050 --> 00:37:13,150
당신이 본 적이 없다면 여기에,이다,
유형 체크 박스의 입력.

837
00:37:13,150 --> 00:37:15,250
>> 하지만 자바 스크립트가 없습니다
여기에 무엇이든지.

838
00:37:15,250 --> 00:37:18,170
이것은 단지 HTML을하다
register.php 간다.

839
00:37:18,170 --> 00:37:21,020
그러나 버전에서, 어디
그 팝업을하기 시작,

840
00:37:21,020 --> 00:37:23,010
이제 실제로 여기에 무슨 일이 일어 나는지 보자.

841
00:37:23,010 --> 00:37:26,757
버전에서, 무엇을
난을 see--거야

842
00:37:26,757 --> 00:37:29,340
나는 충분히 실속 수 있다고 생각
충분히 단어,하지만 난 다했다.

843
00:37:29,340 --> 00:37:35,180

844
00:37:35,180 --> 00:37:38,590
>> 버전이 one-- 우리는 간다.

845
00:37:38,590 --> 00:37:43,180
버전에서, following-- 통지
최고의 구현되지 않습니다,

846
00:37:43,180 --> 00:37:44,420
하지만 처음입니다.

847
00:37:44,420 --> 00:37:47,680
아래에 그 주목
형태, 나는 스크립트 태그가 있습니다.

848
00:37:47,680 --> 00:37:49,430
및 스크립트 태그는 의미
이봐, 브라우저, 여기에

849
00:37:49,430 --> 00:37:52,340
몇 가지 코드를 제공,
일반적으로, 자바 스크립트.

850
00:37:52,340 --> 00:37:54,420
그리고 지금, 내가 뭘하는지 알 수 있습니다.

851
00:37:54,420 --> 00:37:59,070
line--에 나는 겨우 수
그것이 말하는, 그건 ... 32 라인 읽기,

852
00:37:59,070 --> 00:38:01,420
VAR는 그렇게 나에게 줄 form--
형태라는 변수.

853
00:38:01,420 --> 00:38:05,049
그리고 document.getElementId를 얻을 수
"등록."의

854
00:38:05,049 --> 00:38:05,590
이것은 무엇입니까?

855
00:38:05,590 --> 00:38:07,290
글쎄, 내가 여기 되감기 할 수 있습니다.

856
00:38:07,290 --> 00:38:11,510
그리고 통지, 아, 나는 양식 요소를 준
임의하지만 설명 아이디어

857
00:38:11,510 --> 00:38:13,050
등록.

858
00:38:13,050 --> 00:38:16,820
그래서이 나에게 변수를 제공하는
나 해당 노드를 잡아 할 수 있습니다,

859
00:38:16,820 --> 00:38:19,580
나무에 그 사각형 형태라고합니다.

860
00:38:19,580 --> 00:38:24,460
form.onsubmit 수단, 헤이 브라우저,
이벤트 리스너를 등록

861
00:38:24,460 --> 00:38:25,470
이 양식에.

862
00:38:25,470 --> 00:38:28,890
이 형태는 즉,
제출, 다음 코드를 실행합니다.

863
00:38:28,890 --> 00:38:30,810
이 이름 때문에 필요하지 않습니다
왜 이름을 알아야합니까?

864
00:38:30,810 --> 00:38:32,880
당신은 알 필요가
ERGO, 무엇을 실행합니다

865
00:38:32,880 --> 00:38:35,610
그것은 익명 또는 람다 기능입니다.

866
00:38:35,610 --> 00:38:37,632
그리고 그 기능입니다
여기에이 라인의 모든.

867
00:38:37,632 --> 00:38:40,840
그리고 지금, 솔직히 말해서 심지어 비록
지금까지 자바 스크립트를 작성한하지 않을 수 있습니다

868
00:38:40,840 --> 00:38:44,200
전에, 그냥 C와 PHP 논리입니다.

869
00:38:44,200 --> 00:38:51,720
그래서 form.email.value 경우 == ""-
이메일 필드가 비어있는 경우 그래서,

870
00:38:51,720 --> 00:38:54,980
당신은해야합니다 "와 사용자에 소리
이메일 주소를 제공합니다. "

871
00:38:54,980 --> 00:38:58,980
그렇지 않은 경우 form.password.value
사용자의 빈 사자후이며,

872
00:38:58,980 --> 00:39:00,400
"당신은 당신의 암호를 제공해야합니다."

873
00:39:00,400 --> 00:39:04,240
>> 더 흥미로운 것은 논리적으로,
form.password.value하지 않는 경우

874
00:39:04,240 --> 00:39:08,630
동일 form.confirmation.value--
확인은 어디에서 왔는가?

875
00:39:08,630 --> 00:39:09,470
나 되감기 보자.

876
00:39:09,470 --> 00:39:12,870
글쎄, 난이 입력라는
여기에 필드에 암호를 입력합니다.

877
00:39:12,870 --> 00:39:15,180
그리고 확인 여기를했다.

878
00:39:15,180 --> 00:39:17,850
나는 그것을 불렀다 수
암호를 두 개 다른 것.

879
00:39:17,850 --> 00:39:20,560
난 그냥 논리적으로 확인 해요
이 둘은 동일한 지.

880
00:39:20,560 --> 00:39:25,760
이 씨 부울이다이 밝혀 Else--
부울 값, 체크 박스를 again--.

881
00:39:25,760 --> 00:39:29,810
그래서 내가 말할 경우, 느낌표 point--
form.agreement.checked하지 않을 경우,

882
00:39:29,810 --> 00:39:31,820
뿐만 아니라 사용자에 소리.

883
00:39:31,820 --> 00:39:34,470
>> 그래서 당신은 볼 수 있습니다이 구문은
자바 스크립트에서 매우 일반적인,

884
00:39:34,470 --> 00:39:35,970
어디이 점 표기법이있다.

885
00:39:35,970 --> 00:39:37,460
현재 개체로 시작합니다.

886
00:39:37,460 --> 00:39:41,430
당신은에에 깊은 다이빙
암호 같은 속성입니다.

887
00:39:41,430 --> 00:39:43,280
그리고 당신은 실제 값을 얻을.

888
00:39:43,280 --> 00:39:45,830
그리고 또, 여기에 입력된다.

889
00:39:45,830 --> 00:39:47,310
다음은 이름의 암호입니다.

890
00:39:47,310 --> 00:39:50,860
그리고 그 값이 무엇이든
인간은 사실에 입력했다.

891
00:39:50,860 --> 00:39:53,610
>> 이 모든에 따라서
경우는, 나는 거짓 돌아왔다.

892
00:39:53,610 --> 00:39:55,800
그러나하지 않을 경우, 나는 true를 반환.

893
00:39:55,800 --> 00:39:58,030
그래서 지금 우리가 볼
의 강제적 사용

894
00:39:58,030 --> 00:40:00,620
당신은 거짓 반환
사용자가 뭘 중지

895
00:40:00,620 --> 00:40:03,200
그를 만들거나 그녀를 선택
다시하거나 다시 입력합니다.

896
00:40:03,200 --> 00:40:05,870
그렇지 않으면, 우리는 true를 돌려줍니다.

897
00:40:05,870 --> 00:40:08,585
>> 그리고 나에게 하나를 소개하자
이 다른 변형 단지

898
00:40:08,585 --> 00:40:13,140
그 어떤 이해를 배정한다.

899
00:40:13,140 --> 00:40:16,850
음,이 버전 2, 양식 2--
나는 손의 파도와 함께 할 것입니다.

900
00:40:16,850 --> 00:40:19,920
이것은, 호기심 사람들을 위해입니다
jQuery를 버전,

901
00:40:19,920 --> 00:40:23,330
로 할 수 있습니다 분들
특정 라이브러리에 손 대고.

902
00:40:23,330 --> 00:40:25,145
그러나 이제 start--하고 질문하자?

903
00:40:25,145 --> 00:40:29,230
저 순간 때문에 위해 일시​​ 정지하자
그 빠르고 많이했다.

904
00:40:29,230 --> 00:40:32,610
>> 그러나 여기 좋은 점은 모든 것입니다
코드의 거의 동일합니다.

905
00:40:32,610 --> 00:40:33,985
새로운 재료는 DOM은 무엇인가?

906
00:40:33,985 --> 00:40:35,115
이 사각형은 무엇입니까?

907
00:40:35,115 --> 00:40:35,990
이러한 노드는 무엇인가?

908
00:40:35,990 --> 00:40:37,540
익명의 기능은 무엇입니까?

909
00:40:37,540 --> 00:40:38,830
이벤트 핸들러는 무엇입니까?

910
00:40:38,830 --> 00:40:43,480
그러나 다행히도, 그 대부분은 그냥
주 제로, 말에서 완전한 원.

911
00:40:43,480 --> 00:40:43,980
괜찮아.

912
00:40:43,980 --> 00:40:46,070
그래서 조금 더 흥미로운?

913
00:40:46,070 --> 00:40:49,340
음, 우선, 내가 가자
앞서 구글 맵을 엽니 다.

914
00:40:49,340 --> 00:40:53,360
그리고 당신에 대한 것을 알 수 있습니다
순간, 분할 두 번째에,

915
00:40:53,360 --> 00:40:55,930
때 발생주의
나는 충분히 빨리 클릭합니다.

916
00:40:55,930 --> 00:40:59,720
그리고 하버드 대학이 연결 그렇다
빨리 당신이 정말로 그것을 통지하지 않습니다.

917
00:40:59,720 --> 00:41:04,469
하지만 당신은 가지 종류의 무엇을 보는가
나는 클릭하고 정말 빨리 드래그하면?

918
00:41:04,469 --> 00:41:07,010
당신이 온라인으로 보는 사람들,
당신은 0.5 배 속도로이 느린 경우,

919
00:41:07,010 --> 00:41:09,640
당신이 더 잘 볼 수 있습니다.

920
00:41:09,640 --> 00:41:13,550
>> 방금 무슨 일이되었다
내가 클릭 및 드래그하기 전에?

921
00:41:13,550 --> 00:41:15,900
내가 나를 내버려 here-- 해보자
90210 같은 뭔가 다른,.

922
00:41:15,900 --> 00:41:17,550
의 멀리 가자.

923
00:41:17,550 --> 00:41:19,000
그것도 정말 빨랐다.

924
00:41:19,000 --> 00:41:22,460
어떻게 디즈니 월드에 대한?

925
00:41:22,460 --> 00:41:23,190
우리는 거기에 갈.

926
00:41:23,190 --> 00:41:23,690
그래.

927
00:41:23,690 --> 00:41:26,030
당신은 분할 초 동안 무엇을 보았는가?

928
00:41:26,030 --> 00:41:27,200
다만, 사각형, 등, 오른쪽?

929
00:41:27,200 --> 00:41:28,930
타일​​에 대한 자리 표시 자?

930
00:41:28,930 --> 00:41:30,270
>> 음, 여기 무슨 일이야?

931
00:41:30,270 --> 00:41:35,410
Google지도의 좋은 예입니다
AJAX를 불리는이 기술.

932
00:41:35,410 --> 00:41:38,510
우리가 시작 볼 수있는 곳이있다
특히에서 자바 스크립트를 사용하여

933
00:41:38,510 --> 00:41:39,277
유혹하는 방법.

934
00:41:39,277 --> 00:41:41,610
위로 하루에, 거기
맵 퀘스트라는이 웹 사이트.

935
00:41:41,610 --> 00:41:44,120
그리고 촬영해야
1990 년대부터이의 스크린 샷,

936
00:41:44,120 --> 00:41:45,820
당신이 원한다면 어디
지도를 여기에서 찾아 볼,

937
00:41:45,820 --> 00:41:48,590
당신은 말 그대로 화살표를 클릭 할
상단까지 그 당신을 보여 주었다

938
00:41:48,590 --> 00:41:49,870
지도의 다른 광장.

939
00:41:49,870 --> 00:41:51,790
당신은,를 왼쪽으로 이동하고 싶다면
당신을 보였다 화살표를 클릭

940
00:41:51,790 --> 00:41:53,210
지도의 다른 광장.

941
00:41:53,210 --> 00:41:54,840
그리고 일부 웹 사이트는 여전히 오늘을한다.

942
00:41:54,840 --> 00:41:57,820
그러나 심지어 맵 퀘스트는 얻었다
구글지도와 같은 더 나은.

943
00:41:57,820 --> 00:42:01,880
>> 대신, 어떻게 이러한 낫다
일 AJAX를 사용하는 웹 사이트입니다.

944
00:42:01,880 --> 00:42:04,510
AJAX-- 그렇지 않으면로 알려진
비동기 자바 스크립트와 XML,

945
00:42:04,510 --> 00:42:08,370
하는 말을 그냥 멋진 방법입니다
기술 또는 기술이

946
00:42:08,370 --> 00:42:14,200
자바 스크립트를 사용하여 브라우저를 허용
추가적인 HTTP 요청을 만들

947
00:42:14,200 --> 00:42:16,390
이후 페이지가로드되었습니다.

948
00:42:16,390 --> 00:42:17,479
그래서 이것은 무엇을 의미합니까?

949
00:42:17,479 --> 00:42:19,270
음, 어떤 것
Gmail의의 성가신

950
00:42:19,270 --> 00:42:21,103
만약 당신이 원하는 때마다
메일을 확인하려면

951
00:42:21,103 --> 00:42:24,940
당신은 말 그대로 제어-R 또는 명중했다
명령-R 또는 새로 고침 버튼을 클릭합니다

952
00:42:24,940 --> 00:42:26,580
전체 이놈 페이지를 다시로드합니다.

953
00:42:26,580 --> 00:42:26,800
권리?

954
00:42:26,800 --> 00:42:28,460
그것은 흰색 플래시 것
아마 초.

955
00:42:28,460 --> 00:42:30,043
당신은 바보 진행 표시 줄을 볼 것입니다.

956
00:42:30,043 --> 00:42:33,170
새가있는 경우 바로 볼 수
메일, 전체 웹 페이지와 URL

957
00:42:33,170 --> 00:42:34,580
당신은 다시해야 할 것입니다에있어.

958
00:42:34,580 --> 00:42:35,960
>> 하지만 그 Gmail에서 무슨 일이 아니다.

959
00:42:35,960 --> 00:42:36,459
권리?

960
00:42:36,459 --> 00:42:40,300
새 이메일을받을 때
Gmail을, 어떤이 화면에 어떻게됩니까?

961
00:42:40,300 --> 00:42:41,480
그것은 바로, 나타?

962
00:42:41,480 --> 00:42:44,280
그냥 마술 나타납니다
테이블에 새 행으로.

963
00:42:44,280 --> 00:42:47,030
즉, 실제로 포함
복잡성의 상당한 금액.

964
00:42:47,030 --> 00:42:51,892
사실,이 나무에 대해 생각한다면,
여기되는 간단한 경우에도

965
00:42:51,892 --> 00:42:54,100
Gmail-- 내가보고해야 할 것이다
코드를 sure-- 될

966
00:42:54,100 --> 00:42:58,710
아마 HTML 테이블이 아니면
이 렌더링 순서없는 목록

967
00:42:58,710 --> 00:43:01,060
같은받은 편지함의 전자 우편의 각.

968
00:43:01,060 --> 00:43:04,050
>> 그리고 당신이이 상상하는 경우
당신이있어 메모리에 나무입니다

969
00:43:04,050 --> 00:43:09,050
종류의 가지 모양의 Gmail을 사용하여
이 같은 구글 우, 실현 될 때,

970
00:43:09,050 --> 00:43:12,770
새 이메일이, 그렇지 않습니다
전체 트리를 다시 작성합니다.

971
00:43:12,770 --> 00:43:16,430
오히려,에 노드를 발견하고자
받은 편지함을 나타내는 트리

972
00:43:16,430 --> 00:43:18,580
단지 새로운 노드를 삽입합니다.

973
00:43:18,580 --> 00:43:24,640
>> 다섯, 당신을 PSET 너무 매우 유사
해시 테이블에 노드를 삽입했다,

974
00:43:24,640 --> 00:43:28,410
마찬가지로 구글을 통해 수행
이 작성했습니다 자바 스크립트 코드,

975
00:43:28,410 --> 00:43:31,890
이 나무 통과, 어디 파악
윈도우의받은 편지함 부분이다,

976
00:43:31,890 --> 00:43:33,440
다음 새 행을 삽입합니다.

977
00:43:33,440 --> 00:43:37,460
그리고 새로운 행은 하나의 의미
나무에 새 노드 이상.

978
00:43:37,460 --> 00:43:41,340
>> 그리고 AJAX는이 기술이다
즉, 정확히 수 있습니다.

979
00:43:41,340 --> 00:43:44,440
당신이 URL을 방문한 후,
그러나 그것이 긴 미친,

980
00:43:44,440 --> 00:43:46,472
그리고 페이지가되면
당신은 여전히​​, 수로드

981
00:43:46,472 --> 00:43:48,430
에서 더 많은 데이터를 잡아
그것은 여부 internet--

982
00:43:48,430 --> 00:43:52,460
이메일 또는 map--의 타일
무대 뒤에서 그것을 잡아

983
00:43:52,460 --> 00:43:55,290
다음 페이지에 삽입
인간은 정말하지 않도록

984
00:43:55,290 --> 00:43:56,910
그것을 위해 기다려야한다.

985
00:43:56,910 --> 00:43:58,980
>> 페이스 북 메신저는 동일한 방식으로 작동합니다.

986
00:43:58,980 --> 00:44:01,562
다른 websites-- 임의의 수
아, 사실, 심지어이.

987
00:44:01,562 --> 00:44:04,270
나는이 솔직히 가지이며, 의미
짜증나는 이러한 일이 있습니다.

988
00:44:04,270 --> 00:44:07,500
나는 cats--이 검색을 시작하는 경우
끔찍한 사용자 경험을 가지입니다.

989
00:44:07,500 --> 00:44:08,990
그냥 나를 위해 검색을 시작합니다.

990
00:44:08,990 --> 00:44:10,050
그럼 그것은 무엇을하고 있는가?

991
00:44:10,050 --> 00:44:12,920
URL은 정말 변경되지 않았습니다
내가 입력을 시작하기 때문이다.

992
00:44:12,920 --> 00:44:17,330
그러나이 가로 질러거야
흥미로운 흠, 확인 wire--.

993
00:44:17,330 --> 00:44:20,470
무엇을 가로 질러거야
와이어는 여기에 단지 괴상 가져옵니다.

994
00:44:20,470 --> 00:44:21,090
>> 그래.

995
00:44:21,090 --> 00:44:24,670
그래서 내가 가서 검사하자
요소와 네트워크 탭으로 이동

996
00:44:24,670 --> 00:44:27,040
이것을 만들려고
기술 및 고양이에 대해 덜.

997
00:44:27,040 --> 00:44:32,595
내가 입력 할 때, 문자 그대로, 고양이
그리고 - 무슨 일이야

998
00:44:32,595 --> 00:44:37,710
per-- 나는 그것을 클릭하지 않을거야.

999
00:44:37,710 --> 00:44:38,210
괜찮아.

1000
00:44:38,210 --> 00:44:44,280
그래서 여기에 아래로, 모든 무슨 일이야
시간 나는 분명히, 문자를 입력?

1001
00:44:44,280 --> 00:44:45,000
마찬가지로, 낮은 수준?

1002
00:44:45,000 --> 00:44:47,860
어떤 사람들의 각각에 무슨 일이 일어나고
내 키보드로 문자를 입력 해요?

1003
00:44:47,860 --> 00:44:48,359
그래?

1004
00:44:48,359 --> 00:44:50,950
청중 : [들림].

1005
00:44:50,950 --> 00:44:52,340
>> 데이비드 마란 : 맞아요.

1006
00:44:52,340 --> 00:44:55,600
이러한 문자의 각각은
한번에 구글 번가는.

1007
00:44:55,600 --> 00:44:58,490
그들은 문자열을 구축하고있다
자신의 서버에 그 대표

1008
00:44:58,490 --> 00:44:59,936
내가 지금까지에 입력 한 모든 것을.

1009
00:44:59,936 --> 00:45:01,810
그리고 때마다 나는 입력
다른 문자, 그들은

1010
00:45:01,810 --> 00:45:04,530
자신의 비밀 소스를 사용
알고리즘을 검색하고 파악,

1011
00:45:04,530 --> 00:45:07,370
그는이 고양이 페이지를 의미 하는가
이 페이지 또는 고양이 등이나?

1012
00:45:07,370 --> 00:45:10,620
어떤 의미에서 그래서, 그것은 나를 제공
점에서 더 나은 경험 난하지 않습니다

1013
00:45:10,620 --> 00:45:11,860
내 생각을 완료해야합니다.

1014
00:45:11,860 --> 00:45:14,440
그리고 실제로, 그것은 유용한이야
일, 일반 자동 완성.

1015
00:45:14,440 --> 00:45:17,690
그들의 알고리즘은 충분히 좋은 경우
내 검색이 충분히 명백한 경우,

1016
00:45:17,690 --> 00:45:19,300
나는 전체의 단어를 입력 할 필요가 없습니다.

1017
00:45:19,300 --> 00:45:22,110
그들은 나에게거야 무엇을
실제로 찾고 있어요된다.

1018
00:45:22,110 --> 00:45:25,940
그래서 구글은 즉시 호출
검색은, AJAX를 사용하는

1019
00:45:25,940 --> 00:45:30,820
그들에게 요청할 수 있습니다 코드를 사용하여
웹 브라우저를 통해 추가 콘텐츠

1020
00:45:30,820 --> 00:45:34,026
이를 사용하여 뒤에서
새로운 언어, 자바 스크립트.

1021
00:45:34,026 --> 00:45:35,400
그래서 우리는 왼쪽으로 몇 분 있습니다.

1022
00:45:35,400 --> 00:45:37,710
그리고 내 친구를 부르 자
스테이지로 콜튼까지,

1023
00:45:37,710 --> 00:45:40,090
그것은 생각하기 때문에
특히 재미 마지막으로

1024
00:45:40,090 --> 00:45:42,290
기술을 소개합니다
당신의 일부가

1025
00:45:42,290 --> 00:45:44,769
관심을 표명 한
최종 프로젝트에.

1026
00:45:44,769 --> 00:45:47,310
우리는 가지고 재미있을 줄 알았는데
자원 봉사까지,하지만, 오늘

1027
00:45:47,310 --> 00:45:50,074
당신에 추가를 표시합니다
그래, 얘들 아를 허용하는이,

1028
00:45:50,074 --> 00:45:50,990
내가 먼저이 손을 보았다.

1029
00:45:50,990 --> 00:45:52,900
최대 어서.

1030
00:45:52,900 --> 00:45:53,560
아주 잘.

1031
00:45:53,560 --> 00:45:55,035
잘 했어.

1032
00:45:55,035 --> 00:45:57,410
나는이 프로젝트에 갈거야
단지 순간의 화면.

1033
00:45:57,410 --> 00:45:58,150
모두를위한 당신의 이름은 무엇입니까?

1034
00:45:58,150 --> 00:45:59,180
>> EFA : 나는 EFA입니다.

1035
00:45:59,180 --> 00:45:59,410
>> 데이비드 마란 : Etha?

1036
00:45:59,410 --> 00:45:59,785
>> EFA : EFA.

1037
00:45:59,785 --> 00:46:00,160
>> 데이비드 마란 : EFA?

1038
00:46:00,160 --> 00:46:00,730
>> EFA : 네.

1039
00:46:00,730 --> 00:46:01,250
>> 데이비드 마란 : 만나서 반갑습니다.

1040
00:46:01,250 --> 00:46:01,600
괜찮아.

1041
00:46:01,600 --> 00:46:02,590
날이 준비하자.

1042
00:46:02,590 --> 00:46:04,423
까지 가자
여기 콜튼와 중간.

1043
00:46:04,423 --> 00:46:07,050
무엇 콜튼은 자신의 손에있다
오늘은 원격 제어입니다.

1044
00:46:07,050 --> 00:46:10,440
그래서 차라리 그냥 거기 서보다
주변을 둘러 보는 세 가지 차원 세계

1045
00:46:10,440 --> 00:46:14,080
콜튼처럼, 지금 EFA는 수
실제로 최대 이동하여 산책,

1046
00:46:14,080 --> 00:46:16,689
아래, 왼쪽과 같은 권리
닌텐도이나 X 박스 컨트롤러.

1047
00:46:16,689 --> 00:46:18,230
EFA : 나는 무대에서 떨어질거야.

1048
00:46:18,230 --> 00:46:20,500
데이비드 마란 : 나는 것
여기에 약 서있다.

1049
00:46:20,500 --> 00:46:21,991
하지만 그 위험이있다.

1050
00:46:21,991 --> 00:46:22,490
그래.

1051
00:46:22,490 --> 00:46:25,690
그래서 가서 사람들을 입었다.

1052
00:46:25,690 --> 00:46:29,315
내가 가서 보자
여기에 화면으로 전환.

1053
00:46:29,315 --> 00:46:30,670
나 조명을 차단하자.

1054
00:46:30,670 --> 00:46:32,780
그리고 콜튼은 나를 보자
당신 옆에 스탠드를 갖추고 있습니다.

1055
00:46:32,780 --> 00:46:35,520
>> 여기서 설명 하시겠습니까
마이크와 함께 우리는 무엇을하고있어?

1056
00:46:35,520 --> 00:46:36,380
여기 당신은 간다.

1057
00:46:36,380 --> 00:46:37,280
>> 콜튼 : 물론.

1058
00:46:37,280 --> 00:46:39,980
그래서 지금 우리는있어
안구를로드,

1059
00:46:39,980 --> 00:46:43,070
나는 operating--가 작동하지 추측
시스템하지만 메인 프로그램,

1060
00:46:43,070 --> 00:46:46,630
당신은 모든 게임에 액세스 할 수 있으며,
라이브러리에있는 앱입니다.

1061
00:46:46,630 --> 00:46:50,060
그래서 지금은 말을해야
터치 패드가 시작을 누릅니다.

1062
00:46:50,060 --> 00:46:53,430
터치 패드에있을 것
헤드셋의 오른쪽.

1063
00:46:53,430 --> 00:46:54,569
그래서 가서 tap--

1064
00:46:54,569 --> 00:46:55,110
EFA : 오, 이런.

1065
00:46:55,110 --> 00:46:56,443
데이비드 마란 : 그래, 거기 당신은 간다.

1066
00:46:56,443 --> 00:47:00,340

1067
00:47:00,340 --> 00:47:02,460
EFA에 보이는 품질
훨씬 더 높은 품질이다.

1068
00:47:02,460 --> 00:47:03,831
이 여기에 그냥 와이파이입니다.

1069
00:47:03,831 --> 00:47:05,580
콜튼 : 당신은 그래서
하고 싶은 것

1070
00:47:05,580 --> 00:47:08,350
상단을 향해 보면된다
화면 오른쪽.

1071
00:47:08,350 --> 00:47:10,420
네, 맨 오른쪽에있는 그 게임.

1072
00:47:10,420 --> 00:47:14,780
그리고 당신은 선택 할 때
그것은, 다시 터치 패드를 누릅니다.

1073
00:47:14,780 --> 00:47:17,010
나는 그것의 Dreadhalls 생각합니다.

1074
00:47:17,010 --> 00:47:20,820
그리고 여기 여기 할까 ..된다, 할 수
나 당신을 위해 안경을 개최합니다.

1075
00:47:20,820 --> 00:47:24,420

1076
00:47:24,420 --> 00:47:25,790
>> 그래서 난 그냥 그에게 컨트롤러를했다.

1077
00:47:25,790 --> 00:47:28,886
그래서 지금은 게임을 제어 할 수 있습니다.

1078
00:47:28,886 --> 00:47:30,510
그는 그 같은 주위 물건 이동할 수 있습니다.

1079
00:47:30,510 --> 00:47:31,968
그래서 가서 정상에 찾아보십시오.

1080
00:47:31,968 --> 00:47:33,640
당신은 새로운 게임을 볼 수 있습니다.

1081
00:47:33,640 --> 00:47:36,310
그래서 가서 당신은 그렇게 할 수 있습니다.

1082
00:47:36,310 --> 00:47:39,320
지금, 당신은 제어 할 수 있어야한다
컨트롤러와 자신,

1083
00:47:39,320 --> 00:47:43,860
뿐만 아니라, 가능한 한 빨리
이 게임은 여기에로드합니다.

1084
00:47:43,860 --> 00:47:46,356
이것은 조금 무서운 될 수 있습니다.

1085
00:47:46,356 --> 00:47:47,300
>> EFA : 이제 당신이 말해.

1086
00:47:47,300 --> 00:47:50,132
그래.

1087
00:47:50,132 --> 00:47:51,080
>> 콜튼 : 좋아.

1088
00:47:51,080 --> 00:47:52,650
그래서 당신은 이동할 수 있는지 확인합니다.

1089
00:47:52,650 --> 00:47:52,750
그래.

1090
00:47:52,750 --> 00:47:53,583
당신은 주위를 이동할 수 있습니다.

1091
00:47:53,583 --> 00:47:54,300
완벽한.

1092
00:47:54,300 --> 00:47:56,470
당신이 아래로 보면 그렇다면, 당신은지도를 가지고있다.

1093
00:47:56,470 --> 00:47:58,170
당신이 어디에지도는 보여줍니다.

1094
00:47:58,170 --> 00:47:59,720
당신은 방을 둘러 볼 수 있습니다.

1095
00:47:59,720 --> 00:48:01,440
당신은 완전히 돌아서 수 있습니다.

1096
00:48:01,440 --> 00:48:02,128
네, 정확히.

1097
00:48:02,128 --> 00:48:02,627
돌아서 다.

1098
00:48:02,627 --> 00:48:05,370

1099
00:48:05,370 --> 00:48:07,125
>> 그래서 왼쪽에 보인다.

1100
00:48:07,125 --> 00:48:09,875
나는 무언가가 당신이 할 수 있다고 생각
방에 배럴에 집어.

1101
00:48:09,875 --> 00:48:11,709
>> EFA : 나는 얻는 방법을
길에서이란?

1102
00:48:11,709 --> 00:48:12,375
콜튼 : 검색합니다.

1103
00:48:12,375 --> 00:48:12,980
그냥 봐.

1104
00:48:12,980 --> 00:48:13,480
괜찮아.

1105
00:48:13,480 --> 00:48:13,765
거기 당신은 간다.

1106
00:48:13,765 --> 00:48:15,181
지금 가서 그냥 돌아서.

1107
00:48:15,181 --> 00:48:21,460

1108
00:48:21,460 --> 00:48:24,620
그래서 왼쪽으로 멀리 본다.

1109
00:48:24,620 --> 00:48:25,530
왼쪽으로 이동하십시오.

1110
00:48:25,530 --> 00:48:26,960
왼쪽 찾고 유지.

1111
00:48:26,960 --> 00:48:27,541
계속가.

1112
00:48:27,541 --> 00:48:28,040
그래.

1113
00:48:28,040 --> 00:48:28,720
>> EFA : 아, 그런 식으로.

1114
00:48:28,720 --> 00:48:29,261
>> 콜튼 : 네.

1115
00:48:29,261 --> 00:48:30,999
컨트롤러와 그것을 향해 걸어.

1116
00:48:30,999 --> 00:48:31,540
거기 당신은 간다.

1117
00:48:31,540 --> 00:48:32,790
지금은 그것을 집어 말해야한다.

1118
00:48:32,790 --> 00:48:33,360
거기 당신은 간다.

1119
00:48:33,360 --> 00:48:34,290
그것을 선택합니다.

1120
00:48:34,290 --> 00:48:35,550
괜찮아.

1121
00:48:35,550 --> 00:48:38,286
지금,이 방에서 얻을 수 있습니다.

1122
00:48:38,286 --> 00:48:42,209
가서 문을 걸어.

1123
00:48:42,209 --> 00:48:45,000
그래서 당신은 말한다 잠시,거야
개방을 강제로 버튼을 누르고 있습니다.

1124
00:48:45,000 --> 00:48:46,333
그래서 가서 버튼을 누르고 있습니다.

1125
00:48:46,333 --> 00:48:48,250
네, 열려 강제.

1126
00:48:48,250 --> 00:48:48,750
괜찮아.

1127
00:48:48,750 --> 00:48:49,410
잘 했어.

1128
00:48:49,410 --> 00:48:50,826
이제 우리는 방에서 걷고 있어요.

1129
00:48:50,826 --> 00:48:56,970

1130
00:48:56,970 --> 00:49:01,366
그래서 나머지를 떠날거야
당신에게 당신이 알아 무엇을 참조하십시오.

1131
00:49:01,366 --> 00:49:02,865
EFA : 나는 어두운 방에서 않을거야.

1132
00:49:02,865 --> 00:49:07,315

1133
00:49:07,315 --> 00:49:07,815
아, 잠깐.

1134
00:49:07,815 --> 00:49:09,314
지금은 어두운 복도를 가야?

1135
00:49:09,314 --> 00:49:10,785
확인, 나는 [들림] 다시거야.

1136
00:49:10,785 --> 00:49:15,520

1137
00:49:15,520 --> 00:49:16,270
콜튼 : 좋아.

1138
00:49:16,270 --> 00:49:17,560
좀 더 항목을 선택할 수 있습니다.

1139
00:49:17,560 --> 00:49:19,370
일부 동전처럼 보인다.

1140
00:49:19,370 --> 00:49:22,242
즉, 잠금 선택입니다.

1141
00:49:22,242 --> 00:49:24,200
당신이 찾아내는 경우에 따라서는 고정
문, 당신은을 사용할 수 있습니다.

1142
00:49:24,200 --> 00:49:27,755

1143
00:49:27,755 --> 00:49:28,380
너 두렵 니?

1144
00:49:28,380 --> 00:49:29,371
>> EFA : 아직.

1145
00:49:29,371 --> 00:49:29,871
콜튼 : OK.

1146
00:49:29,871 --> 00:49:34,850

1147
00:49:34,850 --> 00:49:35,497
>> 그래 Pretend--.

1148
00:49:35,497 --> 00:49:37,330
그냥 척
실제로 거기에 서.

1149
00:49:37,330 --> 00:49:39,580
그리고 당신은 around-- 끌 경우
당신은 그것에 익숙해있어.

1150
00:49:39,580 --> 00:49:40,752
그러나 그것은 의미가 있습니다.

1151
00:49:40,752 --> 00:49:43,960
데이비드 마란은 : EFA는 계속하면서
우리는이 모든 일 할 수 있기 때문에, 재생,

1152
00:49:43,960 --> 00:49:45,381
우리는 모든 끝에서 발끝 밖으로 여기에 있습니다.

1153
00:49:45,381 --> 00:49:48,130
그러나 우리는 다른 두 쌍을해야합니까,
당신이 와서 연주하고 싶은 경우.

1154
00:49:48,130 --> 00:49:49,980
그렇지 않으면, 우리는 볼 수 있습니다
당신이 수요일에 다음.

1155
00:49:49,980 --> 00:49:51,354
오늘 우리의 자원 봉사에 감사드립니다.

1156
00:49:51,354 --> 00:49:52,101
[박수]

1157
00:49:52,101 --> 00:49:54,506

1158
00:49:54,506 --> 00:49:57,392
>> [음악 - "펠트 테마"]

1159
00:49:57,392 --> 00:49:58,222

1160
00:49:58,222 --> 00:50:00,180
스피커 1 : 음, 난
퍼팅 새로운 PL은에 탑재합니다.

1161
00:50:00,180 --> 00:50:01,800
난 그냥 OLPF-- 변경

1162
00:50:01,800 --> 00:50:03,980
>> 스피커 2 : 그래서
정확히 뭐하는거야?

1163
00:50:03,980 --> 00:50:07,063
>> 스피커 1 : 음, 각각 these--
여기에, 나는 당신에게 여기에서이 하나를 보여 드리겠습니다.

1164
00:50:07,063 --> 00:50:08,690
당신은 여기를 볼 수 있습니다.

1165
00:50:08,690 --> 00:50:09,510
>> 스피커 3 : 내가이 좋은 것 같아요.

1166
00:50:09,510 --> 00:50:09,933
당신은 좀 더 줄까?

1167
00:50:09,933 --> 00:50:11,325
>> 스피커 4 : 아니, 난 괜찮아. [들림].

1168
00:50:11,325 --> 00:50:12,200
>> 스피커 3 : 아니, [들림].

1169
00:50:12,200 --> 00:50:12,700
몇 가지가 있습니다.

1170
00:50:12,700 --> 00:50:21,165

1171
00:50:21,165 --> 00:50:22,290
스피커 1 : 다른 색상.

1172
00:50:22,290 --> 00:50:22,890
스피커 2 : 확인을 클릭합니다.

1173
00:50:22,890 --> 00:50:26,690
스피커 1 : 그래서 궁극적으로 무엇을
이 색상을 조정하는 것입니다 않습니다 동행입니다