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

2
00:00:07,440 --> 00:00:08,180
>> 토마스 REIMERS : 안녕하세요, 여러분.

3
00:00:08,180 --> 00:00:09,250
내 이름은 토마스 라이 머스.

4
00:00:09,250 --> 00:00:10,500
>> MIKE RIZZO : 그리고 마이크 리조 해요.

5
00:00:10,500 --> 00:00:12,990
>> 토마스 REIMERS : 우리는 CS50s의 TS의 두 가지입니다.

6
00:00:12,990 --> 00:00:18,910
그리고 오늘 우리의 세미나를 선도하고 있습니다
자바 스크립트와 웹 애플 리케이션을위한 CSS.

7
00:00:18,910 --> 00:00:22,140
당신은 함께 따라하고 싶은 경우에,
링크는 바로 거기입니다.

8
00:00:22,140 --> 00:00:25,190
그리고 당신은 그것을두고 싶어
컴퓨터를 간단히?

9
00:00:25,190 --> 00:00:27,460
>> 링크가있다.

10
00:00:27,460 --> 00:00:30,390
이 링크가 작은 사이트의
우리가 될 것입니다 모든 자원

11
00:00:30,390 --> 00:00:36,490
또한 오늘을 가리키는 것은 많이 있습니다
우리가 작성한 유용한 정보

12
00:00:36,490 --> 00:00:39,680
당신이 돌아 갈 때 깊이 더 읽기
당신은 기억하려고하는지

13
00:00:39,680 --> 00:00:42,166
정확히 우리는 당신이 무엇인지, 말 했는가
등등에 대해 얘기합니다.

14
00:00:42,166 --> 00:00:43,870
>> MIKE RIZZO : 좋습니다.

15
00:00:43,870 --> 00:00:44,890
그럼 시작하자.

16
00:00:44,890 --> 00:00:45,700
>> 토마스 REIMERS : 그래서 당신은 시작하고 싶어?

17
00:00:45,700 --> 00:00:45,970
OK.

18
00:00:45,970 --> 00:00:47,170
>> MIKE RIZZO : 네.

19
00:00:47,170 --> 00:00:51,730
그래서 우리는 먼저 광범위한 시작하고 싶어
인터넷에 대한 개요 및

20
00:00:51,730 --> 00:00:54,240
웹 사이트를 디자인 할 때 파일 형식을.

21
00:00:54,240 --> 00:00:57,550
이 프리젠 테이션은 우리가 원하지 않는 동안
자바 스크립트에 많이 많이 들어가

22
00:00:57,550 --> 00:01:00,320
나중에, 우리는 함께 시작하고 싶어
다만, 종류, 같은 조감도

23
00:01:00,320 --> 00:01:03,270
어떤 웹 사이트와 방법
디자인에 대한 생각

24
00:01:03,270 --> 00:01:04,800
시작을위한 웹 사이트.

25
00:01:04,800 --> 00:01:08,370
>> 이 시점에서이 남자, - 그것으로
금요일 밤 있다는 것은 -이 있어야합니다

26
00:01:08,370 --> 00:01:11,000
당신의 CS50 금융 제출
문제는 설정합니다.

27
00:01:11,000 --> 00:01:15,260
바라 건데, 그건 좋은 맛이었다
어떤 웹 프로그래밍을 할 수 있습니다.

28
00:01:15,260 --> 00:01:18,261
그러나 여기에서 우리는 종류의,주고 싶어
다른 맛뿐만 아니라.

29
00:01:18,261 --> 00:01:23,190
>> 토마스 REIMERS : 그래서 그냥 무엇을 정리해 보면
당신이 URL에 입력 할 때, 발생

30
00:01:23,190 --> 00:01:26,650
귀하의 웹 브라우저는 해당 URL 가져
컴퓨터에서 보았다.

31
00:01:26,650 --> 00:01:28,590
그리고 컴퓨터가 연결
다른 컴퓨터,

32
00:01:28,590 --> 00:01:29,890
이는 해당 웹 사이트를 호스팅합니다.

33
00:01:29,890 --> 00:01:33,150
당신은 google.com에 갈 때 OK, 그래서, 당신이있어
Google의 중 하나에 연결된

34
00:01:33,150 --> 00:01:36,496
이 컴퓨터,
google.com에 대한 파일입니다.

35
00:01:36,496 --> 00:01:38,750
>> 그런 다음 특정 파일을 요청합니다.

36
00:01:38,750 --> 00:01:40,020
그렇다면 당신은 이동 -

37
00:01:40,020 --> 00:01:41,550
난 몰라 -

38
00:01:41,550 --> 00:01:48,170
example.com / index.html 파일 또는 / test.html를,
당신은 요구하시는군요

39
00:01:48,170 --> 00:01:49,340
특정 파일.

40
00:01:49,340 --> 00:01:52,780
그리고 웹 서버의가는
당신에게 돌아갑니다.

41
00:01:52,780 --> 00:01:54,910
>> 그런 다음 해당 파일을 통해 이동하면 -

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

43
00:01:57,750 --> 00:01:59,950
당신이있어 한 번 컴퓨터를 가져옵니다
파일 - 그것은 시작하는거야

44
00:01:59,950 --> 00:02:00,820
웹 페이지를 구축하기.

45
00:02:00,820 --> 00:02:03,020
그래서 지금은 HTML 파일이,
정렬 등입니다

46
00:02:03,020 --> 00:02:05,170
웹 페이지의 구조.

47
00:02:05,170 --> 00:02:08,620
HTML 파일도 참조 할 수있다
를 정의하는 CSS 파일,

48
00:02:08,620 --> 00:02:09,889
웹 페이지의 스타일.

49
00:02:09,889 --> 00:02:12,970
>> 자바 스크립트 파일을 정의
웹 페이지와의 상호 작용.

50
00:02:12,970 --> 00:02:15,200
단지 이미지입니다 이미지 파일,.

51
00:02:15,200 --> 00:02:19,450
그리고 아마도, 다른 HTML 파일에 링크
하는 당신이 그 방문 할 수 있습니다.

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

53
00:02:22,656 --> 00:02:24,380
>> MIKE RIZZO : OK, 좋아.

54
00:02:24,380 --> 00:02:28,980
그래서 사람들은, 아마, 모두가
근면 로컬 호스트를 설정

55
00:02:28,980 --> 00:02:30,810
가상 머신에.

56
00:02:30,810 --> 00:02:35,650
그리고 그것은 단지, 종류, 로컬
컴퓨터는 호스트 도메인

57
00:02:35,650 --> 00:02:38,760
자신의 IP 주소에서 당신을 위해.

58
00:02:38,760 --> 00:02:43,300
>> 그래서 내에서, 당신은 추가 할 수 있습니다
거기에 자신의 웹 페이지를 참조하십시오.

59
00:02:43,300 --> 00:02:47,655
내 말은, CS50 금융, 당신은해야
있습니다 추​​가 된 일부 HTML 페이지,,

60
00:02:47,655 --> 00:02:49,410
종류의, PHP 래퍼에 싸여.

61
00:02:49,410 --> 00:02:54,690
그러나 궁극적으로 무엇 PHP 페이지
출력 하였다는 HTML이었다.

62
00:02:54,690 --> 00:02:58,210
>> 그러나 처음으로 다시 생각
PSET, 우리는 설정했다

63
00:02:58,210 --> 00:03:00,890
모두를위한 권한, 오른쪽?

64
00:03:00,890 --> 00:03:07,270
그래서 이것은 단지 기본적으로 우리가 알 수 있습니다
사람은 아마도, 읽기, 쓰기, 수

65
00:03:07,270 --> 00:03:08,730
각 파일을 실행한다.

66
00:03:08,730 --> 00:03:11,870
HM - 그래서 우리는 빠른을 할 거 야?

67
00:03:11,870 --> 00:03:15,660
>> 토마스 REIMERS : 그래서 우리는거야
빠른 데모를 수행합니다.

68
00:03:15,660 --> 00:03:19,560
그래서 당신은, 당신을 생각 나게합니다
구글의 컴퓨터에 연결 -

69
00:03:19,560 --> 00:03:20,690
누구든지 -

70
00:03:20,690 --> 00:03:24,060
먼저, 파일 시스템 유용한
여러분이 공인하고 확인해야합니다

71
00:03:24,060 --> 00:03:28,790
실제로 해당 파일을 보거나 그 읽기
당신이 질문 할 수 없기 때문에 파일

72
00:03:28,790 --> 00:03:30,430
해당 컴퓨터에있는 모든 파일에 대해, 오른쪽?

73
00:03:30,430 --> 00:03:32,260
즉, 보안 위험이 될 것이다.

74
00:03:32,260 --> 00:03:37,020
>> 등 우리가 사용하는 시스템에 따라서 파일
이 CS50 어플라이언스는 3이

75
00:03:37,020 --> 00:03:39,200
할 수 있습니다 일반적으로 사람
뭔가에 대한 권한.

76
00:03:39,200 --> 00:03:41,610
첫번째는 실제이다
고 말했다 파일의 소유자.

77
00:03:41,610 --> 00:03:43,820
두 번째 그룹입니다
파일에 속한다.

78
00:03:43,820 --> 00:03:46,090
우리는 초점을하지 않을거야
이 너무 많은.

79
00:03:46,090 --> 00:03:50,010
그리고 마지막으로는 같은 종류의입니다
세계 또는의 다른 사람들처럼

80
00:03:50,010 --> 00:03:54,130
해당 파일을 특정하지 않습니다하지
그 위에 어떤 소유권이 있습니다.

81
00:03:54,130 --> 00:04:05,650
>> 그래서 우리는 소유자가있는 경우, 그룹,
다음 세계.

82
00:04:05,650 --> 00:04:10,510
그리고, 당신은 각 그룹에 대한
세 가지 권한 중 하나를 가질 수 있습니다,

83
00:04:10,510 --> 00:04:13,010
OK, 또는 이들의 체류.

84
00:04:13,010 --> 00:04:15,070
당신은 읽기 권한을 가질 수 있습니다.

85
00:04:15,070 --> 00:04:16,560
당신이 바로 권한을 가질 수 있습니다.

86
00:04:16,560 --> 00:04:18,880
그리고 당신은 실행 권한이 있습니다.

87
00:04:18,880 --> 00:04:22,060
>> 그래서 실제의 파일 형식의 측면에서, 읽기
권한은 실제로 읽기처럼

88
00:04:22,060 --> 00:04:23,250
파일의 내용.

89
00:04:23,250 --> 00:04:24,730
바로 권한을 쓰고있다
파일 말했다합니다.

90
00:04:24,730 --> 00:04:28,370
실행 권한은 실행
당신이 중 하나를 실행할 때처럼 파일

91
00:04:28,370 --> 00:04:29,620
당신의 CS50 프로젝트.

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

93
00:04:32,190 --> 00:04:38,820
>> 우리는 파일에 대해 생각하고 그렇게 할 때
처럼 우리는 HTML을 읽을 필요가있을 때

94
00:04:38,820 --> 00:04:41,790
세계해야 파일,
읽을 수있는, 오른쪽?

95
00:04:41,790 --> 00:04:44,420
아마도 또한 소유자가 원하는
해당 파일을 편집 할 수 있도록.

96
00:04:44,420 --> 00:04:46,610
그래서 주인은 필요 것
읽기 및 쓰기 권한을.

97
00:04:46,610 --> 00:04:48,710
그들은 정말 실행할 필요가 없습니다.

98
00:04:48,710 --> 00:04:50,950
>> 그룹, 우리는 치료하는거야
지금의 세계와 동일.

99
00:04:50,950 --> 00:04:54,610
그래서 그들은 읽기 권한이 필요합니다.

100
00:04:54,610 --> 00:04:57,310
그러나 그들은 쓰기를 필요로하지 않는다
또는 사용 권한을 실행합니다.

101
00:04:57,310 --> 00:05:01,920
그리고 지금, 우리는 이전에 다시 생각하는 경우
피셋, 우리가 실현하는 것은 이러한 종류

102
00:05:01,920 --> 00:05:03,360
이진처럼, 오른쪽?

103
00:05:03,360 --> 00:05:04,210
1은 예를 나타냅니다.

104
00:05:04,210 --> 00:05:05,040
0 없음에 대한.

105
00:05:05,040 --> 00:05:06,870
그리고 우리는 실제로 번역 할 수 있습니다
이 진합니다.

106
00:05:06,870 --> 00:05:10,478
>> 그래서 이진 (110)는 6 일 것입니다.

107
00:05:10,478 --> 00:05:13,270
(100)는 4 일 것입니다.

108
00:05:13,270 --> 00:05:14,690
세계와 동일합니다.

109
00:05:14,690 --> 00:05:20,846
그래서 숫자는 당신이 얻을 것이다
이 권한은 644가 될 것입니다.

110
00:05:20,846 --> 00:05:24,400
>> 당신은 다시 생각하고있는 경우 : MIKE RIZZO
당신이 뭔가를 chmoded 때, 저는 믿습니다

111
00:05:24,400 --> 00:05:28,980
그들은 설정 문제에 준
당신이 할 수있는 곳의 예

112
00:05:28,980 --> 00:05:36,470
chmod를 644과 같은
다음 파일 이름을.

113
00:05:36,470 --> 00:05:39,980
(644) 다음, 당신은 지금 직접 확인할 수 있습니다
그 어디에서 오는지.

114
00:05:39,980 --> 00:05:42,840
그래서 잘하면 그 만드는
좀 더 명확.

115
00:05:42,840 --> 00:05:45,600
>> 다음 사람의 지혜 로움에 대해 -

116
00:05:45,600 --> 00:05:48,200
오, 그래, 여기 또 있습니다.

117
00:05:48,200 --> 00:05:53,260
그래서 600은 단지 예 것
우리는 소유자가 그 다음에 포기

118
00:05:53,260 --> 00:05:56,360
읽고 바로 권한 동안 그룹
세계 모든 권한이 없습니다

119
00:05:56,360 --> 00:05:58,145
파일에 액세스합니다.

120
00:05:58,145 --> 00:06:01,500
>> 토마스 REIMERS : 그리고 우리는 빠르게이
일반적인 권한의 목록입니다.

121
00:06:01,500 --> 00:06:05,250
그래서 디렉토리, 당신이 원하는
실제로 711 chmod를합니다.

122
00:06:05,250 --> 00:06:08,930
옆으로 빠른 -이있는 디렉토리
실행 권한은 할 수있는 것을 의미

123
00:06:08,930 --> 00:06:11,680
디렉토리를 엽니 다.

124
00:06:11,680 --> 00:06:15,280
이미지, CSS, 자바 스크립트, HTML 요구
644, 기본적으로, 세상 때문에

125
00:06:15,280 --> 00:06:16,400
필요한 사용 권한을 참조하십시오.

126
00:06:16,400 --> 00:06:20,960
>> 그리고 너희들이 본 PHP,
우리는 그것에 대해 얘기하지 않더라도

127
00:06:20,960 --> 00:06:24,880
엄격 일반적으로 chmoded된다
권한이 600이 실행 되었기 때문에

128
00:06:24,880 --> 00:06:26,540
소유자의 권한.

129
00:06:26,540 --> 00:06:27,790
기기에 이상.

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

131
00:06:30,200 --> 00:06:36,870
>> MIKE RIZZO : 그래서 당신이 아닌 경우 특히
지정 파일의 종류

132
00:06:36,870 --> 00:06:39,480
실제로 설정에서 원하는
이 프리젠 테이션까지 -

133
00:06:39,480 --> 00:06:43,490
우리는이 문제를 가지고 있기 때문에
모든 것이 제대로 chmoded 수 없습니다 -

134
00:06:43,490 --> 00:06:47,550
당신은, 종류,에게받을거야
금지 오류가 웹 사이트

135
00:06:47,550 --> 00:06:49,700
실제로 권한이 없습니다
어떤 파일에 액세스 할 수

136
00:06:49,700 --> 00:06:51,370
당신이 그것을 액세스 할.

137
00:06:51,370 --> 00:06:54,780
물론, 그 고정 할 수 있습니다 -
문제에 설정된 - 변경

138
00:06:54,780 --> 00:06:56,405
권한을 적절하게.

139
00:06:56,405 --> 00:06:59,620
>> 토마스 REIMERS : 그리고에 대한 마지막 코멘트
빨리 지역 개발입니다 - 우리

140
00:06:59,620 --> 00:07:02,000
이 문제를 제기하지만, 우리는 단지 원
그것을 다시 가져 오기 위하여 -

141
00:07:02,000 --> 00:07:06,230
당신은 서버를 요구하는 경우에 - 그래서 로컬 호스트를,
예를 들어, COM 또는 무엇이든. -

142
00:07:06,230 --> 00:07:09,170
당신은 특정 파일을 지정하지 않은,
컴퓨터가하려고하는 파일

143
00:07:09,170 --> 00:07:11,540
하여 index.HTML라고 부탁합니다.

144
00:07:11,540 --> 00:07:12,790
아니면 그것이 존재하지 않는 경우, index.php를.

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

146
00:07:15,560 --> 00:07:16,350
>> 쿨.

147
00:07:16,350 --> 00:07:19,560
그래서 그냥 모든 것을 정리 해보이다,
바라건대, 우리가 덮여있어 그

148
00:07:19,560 --> 00:07:22,800
섹션 및 강의,
지금까지 CS50에.

149
00:07:22,800 --> 00:07:26,110
그리고 지금 우리는 대화를 시작하는 것입니다
에 대해 구체적으로 라이브러리를.

150
00:07:26,110 --> 00:07:30,270
자바 스크립트와 CSS 라이브러리
웹 애플 리케이션을위한.

151
00:07:30,270 --> 00:07:36,350
>> 그래서 우리는 왜 한 빠른 이유
라이브러리는 프로그래밍되어 있습니다 -

152
00:07:36,350 --> 00:07:39,000
문제가 많이있다
팝업 유지 프로그램,

153
00:07:39,000 --> 00:07:40,570
다시, 또 다시.

154
00:07:40,570 --> 00:07:43,870
당신은 알 수 있습니다 그 많은 웹 사이트
드롭 다운을 할 수있는 기능이 필요

155
00:07:43,870 --> 00:07:49,100
메뉴는, 예를 들어, 또는이 기능이 필요
매우 표준 버튼을 가지고

156
00:07:49,100 --> 00:07:51,400
하지 않을 수 있습니다 스타일,
쉬운 일.

157
00:07:51,400 --> 00:07:54,670
이제 당신은 당신이 HTML에 들어가 시작하는
실현하는 버튼 수 실제로

158
00:07:54,670 --> 00:07:57,720
정말 예쁘게 만약에 당신
아무것도하지 않습니다.

159
00:07:57,720 --> 00:08:00,830
>> 그래서 많은 사람들이 쓴
라이브러리했다.

160
00:08:00,830 --> 00:08:02,990
그리고 이러한 맥락에서, 그들은이야
또한 프레임 워크라고.

161
00:08:02,990 --> 00:08:04,790
우리가 사용하는거야
교환 두.

162
00:08:04,790 --> 00:08:07,360
그리고 어떻게 그들이 그들이 기본적으로는 거지
코드의 미리 만들어진 조각 -

163
00:08:07,360 --> 00:08:09,130
CSS 나 자바 스크립트 하나 -

164
00:08:09,130 --> 00:08:13,240
그 많이 빼앗아
당신이 코딩이 팀.

165
00:08:13,240 --> 00:08:17,290
>> 그래서 그들은 클래스의 무리 또는 사전 정의
에 대한 기능의 무리를 미리 정의

166
00:08:17,290 --> 00:08:20,110
자바 스크립트의 경우, 어떤
당신은 나중에 호출 할 수 있습니다.

167
00:08:20,110 --> 00:08:22,690
그리고 당신은, 일종의 얻을 수
없이이 코드에 액세스

168
00:08:22,690 --> 00:08:23,710
아무것도 할 필요.

169
00:08:23,710 --> 00:08:27,750
라이브러리의 일례는 CS50.H.이었다
즉, 우리가 당신에게 준 라이브러리이었다

170
00:08:27,750 --> 00:08:32,090
주 하나, 이는 당신이 할 수
그 getInt를하고하는 GetString 같은 것들

171
00:08:32,090 --> 00:08:35,237
작성하지 않고
모든 코드를 직접.

172
00:08:35,237 --> 00:08:36,179
>> MIKE RIZZO : 좋습니다.

173
00:08:36,179 --> 00:08:40,299
그래서 여기처럼 우리는 포함했다
우리의 C에서 다른 파일

174
00:08:40,299 --> 00:08:46,570
라이브러리, 우리는 또한에 포함해야
우리의 HTML은 다른 라이브러리 파일.

175
00:08:46,570 --> 00:08:50,310
예를 들어, 우리는 포함하려는 경우
여기에 특정 자바 스크립트 라이브러리,

176
00:08:50,310 --> 00:08:52,850
아마도 한 우리는 쓴이
자신이 로컬 호스트됩니다으로

177
00:08:52,850 --> 00:08:56,000
라고 script.js, 우리 단지
이 표기법을 사용합니다.

178
00:08:56,000 --> 00:08:59,500
>> 그래서 우리는 스크립트 형식 같음이
자바 스크립트 소스 같음

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

180
00:09:01,260 --> 00:09:05,190
그리고 당신은 당신의 CS50에 다시 생각하는 경우
당신이에보고하면 금융 문제, 설정

181
00:09:05,190 --> 00:09:09,190
템플릿 폴더의 header.php,
당신이 볼 수 있어야합니다

182
00:09:09,190 --> 00:09:10,970
이들 중 일부가 포함되어 있습니다.

183
00:09:10,970 --> 00:09:13,250
그래서 첫 번째 한 - 스크립트 -

184
00:09:13,250 --> 00:09:16,080
자바 스크립트 라이브러리를 포함합니다.

185
00:09:16,080 --> 00:09:18,760
CSS 라이브러리를 포함하는 것입니다
색다른.

186
00:09:18,760 --> 00:09:21,430
>> 여기서, 대신 스크립트
당신은 링크 태그가 필요 태그입니다.

187
00:09:21,430 --> 00:09:27,110
그리고, 텍스트 CSS 분류
약간 다릅니다.

188
00:09:27,110 --> 00:09:29,270
당신은 항상 포함 할 필요가 없습니다
REL 스타일 시트.

189
00:09:29,270 --> 00:09:30,970
하지만, 그것은 일반적으로 생각
좋습니다.

190
00:09:30,970 --> 00:09:35,810
>> 그리고 마지막으로, HREF,하는 당신
아마 연결을 위해 ATAGs에서 본

191
00:09:35,810 --> 00:09:39,440
다른 링크 단지 지정에
그것을 찾을 수있는 위치의 링크를 클릭하십시오.

192
00:09:39,440 --> 00:09:42,250
예를 들어, 우리가 원하는 경우 연결하기
다른 라이브러리 - 그냥 가정 해 봅시다 -

193
00:09:42,250 --> 00:09:49,330
그 styles.css가 살았다.

194
00:09:49,330 --> 00:09:54,030
그리고 우리는 그의에 그 링크 원
웹에서 호스팅, 우리는 그것을 복사합니다.

195
00:09:54,030 --> 00:09:58,834
그리고 무엇에 붙여
우리는 대신 바로 여기에있다.

196
00:09:58,834 --> 00:10:01,340
>> 토마스 REIMERS : OK, 잘하면
사람들은 이미 잘 알고있는

197
00:10:01,340 --> 00:10:02,410
CSS를 연결하는 방법과.

198
00:10:02,410 --> 00:10:04,000
당신은에해야 할 일을했을
마지막 갈색 세트.

199
00:10:04,000 --> 00:10:07,110
자바 스크립트, 여러분 중 일부는 아마
약간의 경험이 있습니다.

200
00:10:07,110 --> 00:10:07,980
당신의 일부가되지 않을 수 있습니다.

201
00:10:07,980 --> 00:10:12,190
>> 그래서 지금은 알고 자바 스크립트 파일
매우에 CSS 파일처럼

202
00:10:12,190 --> 00:10:15,640
당신이 그것에 연결하거나 할 수있는 의미
당신은 내부적으로 포함 할 수있다.

203
00:10:15,640 --> 00:10:17,360
그리고 스크립트 볼거리에 당신을 수 있습니다.

204
00:10:17,360 --> 00:10:21,820
그리고 우리를 통해 당신을 걸을거야
나중에 자바 스크립트의 약간.

205
00:10:21,820 --> 00:10:23,560
>> 그래서 라이브러리를 사용하여 -

206
00:10:23,560 --> 00:10:26,150
당신이 그것을 포함 일단, 그것은으로의
말 그대로 호출하는 간단한

207
00:10:26,150 --> 00:10:29,640
기능이나 추가
클래스 이름 그것.

208
00:10:29,640 --> 00:10:32,220
우리가 이야기하고 싶은 마지막 것은
라이브러리의 측면에서 약 -

209
00:10:32,220 --> 00:10:34,180
그리고이 기술 노트의 더 -

210
00:10:34,180 --> 00:10:35,860
오픈 소스 라이센스입니다.

211
00:10:35,860 --> 00:10:41,550
그래서 당신이 실제 라이브러리를 찾을 때,
당신이 생각 할 수있다

212
00:10:41,550 --> 00:10:47,630
질문은 그냥 걸 OK입니다 좋아
누군가 다른 사람의 코드를 사용하여, 특히

213
00:10:47,630 --> 00:10:51,970
그것은 우리가 매우 뭔가 때문에
이 과정에서 안 했잖아.

214
00:10:51,970 --> 00:10:55,790
>> 오픈 소스 라이센스의 경우에 따라서
많은 개발자 -

215
00:10:55,790 --> 00:10:57,540
그들은 라이브러리를 작성한 후,
그들은 할 수 있다고 생각하는

216
00:10:57,540 --> 00:10:59,450
다른 사람에게 도움이 -

217
00:10:59,450 --> 00:11:02,420
웹에 게시 할 것
그것에게 라이센스를 제공합니다.

218
00:11:02,420 --> 00:11:06,620
그리고 라이센스는 기본적으로 본인은 어디로 말한다
다른 권한 부여

219
00:11:06,620 --> 00:11:11,250
사람들은 소프트웨어의 조각을 사용하는
다음과 같은 종류의와

220
00:11:11,250 --> 00:11:13,230
규정.

221
00:11:13,230 --> 00:11:16,100
>> 우리는 좋은 사이트에 대한 링크를 포함 시켰
당신의 라이센스를 이해하는 데 도움이

222
00:11:16,100 --> 00:11:17,720
당신이 그들에 뛰기.

223
00:11:17,720 --> 00:11:21,680
일반적인 규정과 같은 것들
내 라이브러리를 사용에 오신 것을 환영합니다, 그래서

224
00:11:21,680 --> 00:11:23,000
당신이 나에게 신용을 제공 긴으로.

225
00:11:23,000 --> 00:11:25,670
내 라이브러리를 사용에 오신 것을 환영합니다,
그것이 휴식 때와 같이 너무 오래

226
00:11:25,670 --> 00:11:26,790
당신은 저를 비난하지 않습니다.

227
00:11:26,790 --> 00:11:30,310
당신은 너무 오랫동안 내 라이브러리를 사용에 오신 것을 환영합니다,
당신은 돈을 만들기 위해 그것을 사용하지 않는

228
00:11:30,310 --> 00:11:31,910
자신을 위해.

229
00:11:31,910 --> 00:11:34,130
이들은 일반적인 종류이다
규정.

230
00:11:34,130 --> 00:11:37,780
>> 이 CS50 최종 프로젝트를 들어,
매우 관련이 안되기 때문에

231
00:11:37,780 --> 00:11:41,440
너희들이 사용하는 프로젝트가 있습니다
아마 오히려 종류의, 알려져 있습니다.

232
00:11:41,440 --> 00:11:44,170
하지만 당신은 실제로에 나갈 때
세계와 라이브러리를 사용하여 시작하는

233
00:11:44,170 --> 00:11:48,100
나뿐만 아니라으로 구현 될 수도 있고 그렇지 않을 수도 있습니다
우리가있어 더 인기있는 것들 중 일부

234
00:11:48,100 --> 00:11:49,780
를 통해 갈 것.

235
00:11:49,780 --> 00:11:53,310
그것은 이해할 수있는 좋은
이러한 라이선스 및에

236
00:11:53,310 --> 00:11:54,560
그들이 무슨 뜻인지 이해합니다.

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

238
00:11:58,120 --> 00:11:58,586
그리고 돌아 간다.

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

240
00:12:00,960 --> 00:12:04,850
그래서 지금 예로 이동
실제 CSS의.

241
00:12:04,850 --> 00:12:07,770
이 시점에서 지금까지 당신은 수도
이 발생하지.

242
00:12:07,770 --> 00:12:10,300
하지만 당신은에서 발생했을 수 있습니다
당신의 일상 생활 어디에서 무엇인가

243
00:12:10,300 --> 00:12:13,160
즉, 하나의 브라우저에 한 가지 방법을 찾습니다
같은 모양하지 않을 수 있습니다

244
00:12:13,160 --> 00:12:14,880
다른 브라우저의 방법입니다.

245
00:12:14,880 --> 00:12:17,400
>> 이것은 브라우저 브라우저라고합니다
호환성.

246
00:12:17,400 --> 00:12:20,780
그리고 점점 그것은 더가는 군
특히 등, 더 문제

247
00:12:20,780 --> 00:12:25,260
브라우저가 더 많은 자유를 가지고
그들이 원하는 물건을 구현합니다.

248
00:12:25,260 --> 00:12:28,440
그래서를 극복하기 위해, 실제로이
Normalize.CSS라는 훌륭한 라이브러리입니다.

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

250
00:12:32,236 --> 00:12:33,770
>> 토마스 REIMERS : 우리는 링크를 포함.

251
00:12:33,770 --> 00:12:36,210
이 시점에서, 그것은 도움의 경우
거기에 노트북을 가지고

252
00:12:36,210 --> 00:12:38,740
사이트를 찾고 있습니다.

253
00:12:38,740 --> 00:12:42,580
그리고 우리는 바로 당신이를주고있다
이제 단순히 때문에 CS50 결승전

254
00:12:42,580 --> 00:12:44,370
이 프로젝트는 실제로 예정
그것을 구현하도록 요청

255
00:12:44,370 --> 00:12:45,860
유사 및 브라우저를 통해.

256
00:12:45,860 --> 00:12:49,250
>> 그러니 당신의 뒤쪽에 유지
헤드는,이 수려 라이브러리

257
00:12:49,250 --> 00:12:51,170
이 때문에, 종류의,
물건을 표준화.

258
00:12:51,170 --> 00:12:54,230
파이어 폭스에서 뭔가 보여줄 수 있습니다
왼쪽에 하나의 픽셀로.

259
00:12:54,230 --> 00:12:58,390
그리고 크롬은 실제로를 결정할 수있다
무엇을 의미하는 10 픽셀했다

260
00:12:58,390 --> 00:12:59,380
왼쪽으로.

261
00:12:59,380 --> 00:13:01,030
그리고 당신은이 작업을 표준화하고 싶습니다.

262
00:13:01,030 --> 00:13:05,360
표준화는 실제로 정말 잘 할 것입니다
있는지 만드는 작업 사이트

263
00:13:05,360 --> 00:13:08,070
브라우저에서 동일하게 보인다.

264
00:13:08,070 --> 00:13:10,660
>> 우리는 원한이 경우 단지 : MIKE RIZZO
정말 빠르고 쇼 링크를 클릭

265
00:13:10,660 --> 00:13:13,140
당신이 무엇을 즉, 당신을 좋아 보인다
사용하여 다운로드 할 수 있습니다

266
00:13:13,140 --> 00:13:14,670
거대한 다운로드 버튼을 누릅니다.

267
00:13:14,670 --> 00:13:18,520
아니면 내가 그것에 대해 더 읽어 보시기 바랍니다
아래에이 링크를 클릭하여

268
00:13:18,520 --> 00:13:19,310
오른쪽 코너입니다.

269
00:13:19,310 --> 00:13:22,420
>> 토마스 REIMERS : 그리고 만약 당신이 실제로
더 많은 바로 읽기를 클릭 -

270
00:13:22,420 --> 00:13:24,340
GitHub의에서 원본을 클릭 -

271
00:13:24,340 --> 00:13:31,720
당신은 실제로 오픈 소스를 볼 수 있습니다
거기 LICENSE.md에 라이센스.

272
00:13:31,720 --> 00:13:35,740
그리고 당신은 여기에서 볼 수 있습니다
인기 MIT 라이센스.

273
00:13:35,740 --> 00:13:38,940
다시 말하지만, 당신이 텍스트를 읽는다면,
당신은 사이트에서 찾을 수있을 것이다

274
00:13:38,940 --> 00:13:42,550
우리는 이전에 참조하고 할 수있을
판독하지 않고 승낙

275
00:13:42,550 --> 00:13:45,920
법적 용어를 통해.

276
00:13:45,920 --> 00:13:46,850
>> MIKE RIZZO : OK, 좋아.

277
00:13:46,850 --> 00:13:47,940
그래서 표준화이다.

278
00:13:47,940 --> 00:13:49,190
우리는 당신을주고 싶어
그 정말 빠르게.

279
00:13:49,190 --> 00:13:50,030
오, 당신은 질문이 있습니까?

280
00:13:50,030 --> 00:13:53,013
>> 청중 : 그래서 당신이 그것을 다운로드, 당신
단지 그들이이 그 규정을 따르

281
00:13:53,013 --> 00:13:54,098
다운로드 버튼 아래?

282
00:13:54,098 --> 00:13:55,860
>> 토마스 REIMERS : 네, 그래서
당신이 다운로드 할 때 -

283
00:13:55,860 --> 00:13:58,130
>> MIKE RIZZO : 아, 그건 좋은 점이다.

284
00:13:58,130 --> 00:14:00,700
그래서 질문은 어떻게했다
우리는 실제로 그것을 다운로드?

285
00:14:00,700 --> 00:14:03,260
우리가 링크를 클릭 그래서, 우리는 참조
실제로 팝업 있음

286
00:14:03,260 --> 00:14:05,030
소스 코드.

287
00:14:05,030 --> 00:14:08,550
그래서이 작업을 수행하기 위해, 우리는 무엇을 할 수
그냥 다른 이름으로 저장을 클릭합니다 않습니다.

288
00:14:08,550 --> 00:14:10,830
저장하고 수행해야
파일을 불러옵니다.

289
00:14:10,830 --> 00:14:14,160
그리고 우리는 저장하도록 선택할 수 있습니다
그것은 normalize.CSS으로.

290
00:14:14,160 --> 00:14:15,810
그리고 당신은 그것을 연결해야 할 것 -

291
00:14:15,810 --> 00:14:18,660
>> 토마스 REIMERS : 같은 방식으로
다른 파일에 링크합니다.

292
00:14:18,660 --> 00:14:22,250
당신이 그것을에 연결 일단, 큰 무엇
표준화에 대해 실제로 것입니다

293
00:14:22,250 --> 00:14:25,920
모든 하드 돌봐
그 자체로 작동합니다.

294
00:14:25,920 --> 00:14:27,730
당신이하지 않는 것을 의미
어떤 클래스를 추가합니다.

295
00:14:27,730 --> 00:14:29,690
>> 당신은 이상한 아무것도 할 필요가 없습니다.

296
00:14:29,690 --> 00:14:34,590
그것은 당신없이 정상화됩니다
더 아무것도.

297
00:14:34,590 --> 00:14:36,083
네, 당신은 그것을 포함해야합니다.

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

299
00:14:38,990 --> 00:14:40,240
Google 크롬이 응답하지 않습니다.

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

301
00:14:43,270 --> 00:14:44,860
>> 옆으로 그냥 빨리 -

302
00:14:44,860 --> 00:14:46,800
나는 우리가이 일에 뛰어났습니다.

303
00:14:46,800 --> 00:14:49,010
이 프레젠테이션의 나머지 부분은
빠른 개요가 될 것.

304
00:14:49,010 --> 00:14:50,380
라이브러리의 조사.

305
00:14:50,380 --> 00:14:52,710
>> 기본적으로, 그들은 무엇을합니다.

306
00:14:52,710 --> 00:14:53,350
그들은 무엇.

307
00:14:53,350 --> 00:14:54,060
그들이 유용하다 방법.

308
00:14:54,060 --> 00:14:56,540
당신은 그 (것)들을 구현하는 방법.

309
00:14:56,540 --> 00:14:59,730
당신이 그들을보고 시작하려면
따라서 다음과 독파

310
00:14:59,730 --> 00:15:01,990
그들은, 내가보기 엔 그 격려 할 것입니다.

311
00:15:01,990 --> 00:15:07,620
>> 양자 택일로, 당신은 또한 환영
그들을 다운로드 등 시작

312
00:15:07,620 --> 00:15:11,400
시야에 그들은 그들이 볼 수 있습니다
같이 또는 당신이있는 경우에 그들이

313
00:15:11,400 --> 00:15:12,270
당신 앞에있는 노트북.

314
00:15:12,270 --> 00:15:14,650
그렇지 않다면, 당신은 유지에 오신 것을 환영합니다,
우리가하는 말을하는 이야기.

315
00:15:14,650 --> 00:15:15,500
우리는 계속 얘기 할 것입니다.

316
00:15:15,500 --> 00:15:18,680
그리고 우리는 희망, 마지막에 시간이
우리는 사실을 보여주는로 얻을 것이다

317
00:15:18,680 --> 00:15:20,946
어떤이 라이브러리의 일부
처럼.

318
00:15:20,946 --> 00:15:22,320
>> MIKE RIZZO : 차가운.

319
00:15:22,320 --> 00:15:25,466
좋아요, 이제 이야기하자
최고에 대한 글꼴.

320
00:15:25,466 --> 00:15:30,480
>> 토마스 REIMERS 그래서 글꼴 최고은 (는)
특히 정말 깔끔한 사이트,

321
00:15:30,480 --> 00:15:32,450
작은 예술이다 우리
재능.

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

323
00:15:36,330 --> 00:15:38,880
최고 이름의 글꼴을 무시하고, 그것을 제공
당신이 있습니다 아이콘의 무리

324
00:15:38,880 --> 00:15:41,050
매우 유용합니다.

325
00:15:41,050 --> 00:15:45,950
그래서 많은 시간 당신을 구현합니다
당신이 그렇게 좋은 X처럼 할 수 있습니다 아이콘

326
00:15:45,950 --> 00:15:47,170
당신이 뭔가를 닫을 수있다.

327
00:15:47,170 --> 00:15:49,910
>> 아니면 편집 버튼의 일종을 할 수 있습니다
같은 연필 드로잉

328
00:15:49,910 --> 00:15:50,940
다른 사람이있다.

329
00:15:50,940 --> 00:15:53,850
당신이 배울 때 그의
그 아이콘을 그리기 될 수 있습니다

330
00:15:53,850 --> 00:15:55,510
매우 지루하고 어렵다.

331
00:15:55,510 --> 00:15:59,160
글꼴 최고 - 만약 당신이 실제로
사이트로 이동 -

332
00:15:59,160 --> 00:16:02,892
아래에 당신에게 아이콘을 많이 준다
상단에있는 아이콘.

333
00:16:02,892 --> 00:16:06,980
그래, 바로 가기.

334
00:16:06,980 --> 00:16:09,030
그것은 당신에게 많은 것을 줄 것이다
무료 아이콘입니다.

335
00:16:09,030 --> 00:16:15,210
>> 그래서 여기에 우리가 같은 일을 참조하십시오
별표, 바, 번개,

336
00:16:15,210 --> 00:16:19,750
달력, 버그, 책, 등등.

337
00:16:19,750 --> 00:16:21,110
이것은 매우 유용 할 수 있습니다.

338
00:16:21,110 --> 00:16:24,290
당신이 포함하는 방법은 (가) 있습니다
말 그대로 CSS 파일.

339
00:16:24,290 --> 00:16:29,760
그리고 후에는, CSS 파일을 포함했습니다
당신이 할 수있는 것은 당신이 만드는 것입니다

340
00:16:29,760 --> 00:16:33,430
에 I. 그것은의 satands라는 태그
클래스 FA로 아이콘

341
00:16:33,430 --> 00:16:34,460
최고 글꼴에 서.

342
00:16:34,460 --> 00:16:36,330
그리고, 어떤 클래스 당신이 원하는.

343
00:16:36,330 --> 00:16:41,220
>> 나는이 플러스의 아이콘을 원하는 그렇다면
여기 광장, 내가 줄 것

344
00:16:41,220 --> 00:16:43,290
그것은 클래스 FA.

345
00:16:43,290 --> 00:16:46,230
그리고 FA 하이픈 플러스 하이픈 광장.

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

347
00:16:50,325 --> 00:16:53,710
>> MIKE RIZZO : OK, 차가운.

348
00:16:53,710 --> 00:16:56,980
>> 토마스 REIMERS : 그리고, 마지막 CSS
라이브러리 우리는 우리가 통과 할

349
00:16:56,980 --> 00:16:59,950
CSS에 최소한을 유지하려고
라이브러리 우리가 실현 않기 때문에

350
00:16:59,950 --> 00:17:03,660
이 프리젠 테이션의 제목
자바 스크립트 라이브러리입니다.

351
00:17:03,660 --> 00:17:07,089
그러나 우리는 우리가 잘 수 있다는 생각
다른 도서관을 소개

352
00:17:07,089 --> 00:17:09,569
우리는 도서관에 대해 이야기하는 동안.

353
00:17:09,569 --> 00:17:11,400
>> 그것은 구글 웹 글꼴입니다.

354
00:17:11,400 --> 00:17:17,040
그리고 무엇 구글 웹 글꼴 당신에게 수
할 것은, 당신의 웹 사이트에 글꼴을 추가합니다

355
00:17:17,040 --> 00:17:22,079
그것을 만들 수있는 정말 쉬운 방법입니다
예쁜과 세트를 구별하기

356
00:17:22,079 --> 00:17:24,460
가지고있는 경우 모두에서 다른 사람입니다
좋은 글꼴 또는 좋은이있는 경우

357
00:17:24,460 --> 00:17:27,790
글꼴 모음입니다.

358
00:17:27,790 --> 00:17:31,410
구글 웹 글꼴도 다른 좋은
그것의 의미에서 라이브러리

359
00:17:31,410 --> 00:17:33,490
정말 인도 설치.

360
00:17:33,490 --> 00:17:38,680
>> 당신이 링크를한다면, 그건
google.com / 글꼴, 저는 믿습니다.

361
00:17:38,680 --> 00:17:41,100
당신은, 당신을 그 수행하면
글꼴을 선택할 수 있습니다.

362
00:17:41,100 --> 00:17:44,410
당신의 왼쪽에 선택할 수 있습니다
두께, 경사, 등등.

363
00:17:44,410 --> 00:17:48,970
그리고, 한 번 당신은 하나를 선택한
당신은 빠른 사용을 클릭 할 수 있습니다.

364
00:17:48,970 --> 00:17:49,820
바로 거기.

365
00:17:49,820 --> 00:17:51,590
상자의 오른쪽 하단.

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

367
00:17:54,380 --> 00:17:56,700
>> 그런 다음, 아래로 스크롤합니다.

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

369
00:17:59,600 --> 00:18:02,650
우선, 그들은 당신에게 CSS를 제공하는
당신은 실제로 그것에 연결해야합니다.

370
00:18:02,650 --> 00:18:03,330
그것은 바로 거기에 있습니다.

371
00:18:03,330 --> 00:18:05,170
당신은 복사 안으로 그 붙여 넣을 수 있습니다

372
00:18:05,170 --> 00:18:07,250
그리고이 하나의 좋은 점은
실제로도 할 필요가 없습니다

373
00:18:07,250 --> 00:18:08,340
파일을 다운로드합니다.

374
00:18:08,340 --> 00:18:11,170
>> 무엇 할 것 것은 그것이 무슨이다
그것은 구글의 버전에 링크.

375
00:18:11,170 --> 00:18:14,130
그래서 뒤로 그게 무슨 의미한다.

376
00:18:14,130 --> 00:18:18,270
즉, 사용자에게 의미 할 때
파일을 다운로드 -

377
00:18:18,270 --> 00:18:22,300
HTML 페이지를 다운로드 - 당신의 HTML
페이지는이 파일을 참조 할 것입니다.

378
00:18:22,300 --> 00:18:26,790
>> 그럼, 컴퓨터는 볼 것,
오, 그것은 오히려 google.com에서 호스팅되는 것

379
00:18:26,790 --> 00:18:28,170
theirsite.com보다.

380
00:18:28,170 --> 00:18:30,370
나에게 해당 파일에 대해 구글을 물어 가자.

381
00:18:30,370 --> 00:18:32,800
그리고, 그것은 포함 것
거의 그것은 것처럼

382
00:18:32,800 --> 00:18:35,584
자신의 사이트의 일부.

383
00:18:35,584 --> 00:18:36,540
>> 토마스 REIMERS : 차가운.

384
00:18:36,540 --> 00:18:40,980
그리고 당신은을 포함하면, 다음에
당신의 CSS에 포함, 그것은 당신에게 제공

385
00:18:40,980 --> 00:18:41,830
실제 라인.

386
00:18:41,830 --> 00:18:45,188
그래서 당신은 속성 글꼴 패밀리를 설정
글꼴의 이름과 동일.

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

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

389
00:18:50,440 --> 00:18:52,220
그래서 우리는 단지 CSS로 마무리.

390
00:18:52,220 --> 00:18:57,230
그리고 당신의 일부가 아니라, 생각 될 수 있습니다
우리는 CS50 금융에 대한 몇 가지 CSS를했다.

391
00:18:57,230 --> 00:19:00,390
그러나 CSS 라이브러리는 부트 스트랩했다.

392
00:19:00,390 --> 00:19:05,190
우리는 실제로 부트 스트랩 조금 포함
나중에 자바 스크립트에서와 때문에

393
00:19:05,190 --> 00:19:09,660
부트 스트랩 CSS 라이브러리도 제공
자바 스크립트 그 많은

394
00:19:09,660 --> 00:19:12,060
부트 스트랩이나 트위터 -
누가 부트 스트랩을 만들어 -

395
00:19:12,060 --> 00:19:15,426
자신의 CSS를 모두 관리하기 위해 사용합니다.

396
00:19:15,426 --> 00:19:19,592
>> 토마스 REIMERS : 사람이 어떤이 있는가
지금까지 일반적으로 CSS에 대한 질문?

397
00:19:19,592 --> 00:19:20,723
우리는 좋은거야?

398
00:19:20,723 --> 00:19:21,216
신난다.

399
00:19:21,216 --> 00:19:22,495
>> MIKE RIZZO : 신난다.

400
00:19:22,495 --> 00:19:25,136
>> 토마스 REIMERS : 그래서 이동
자바 스크립트에 대한.

401
00:19:25,136 --> 00:19:27,900
>> 마이크 리조 : 그래서 우리가 얘기하고 싶어
jQuery를 함께 시작합니다합니다.

402
00:19:27,900 --> 00:19:30,780
누구 j​​Query를 들어있다
전이나 그것을 사용?

403
00:19:30,780 --> 00:19:32,180
그래, 몇?

404
00:19:32,180 --> 00:19:36,000
그래서 그냥 기본으로 작업하는 경우
자바 스크립트, 당신은 자신을 찾을 수 있습니다

405
00:19:36,000 --> 00:19:41,000
많은 긴 선택기를 많이 입력.

406
00:19:41,000 --> 00:19:44,400
그래서 jQuery를하는 일은이 제공됩니다
자바 스크립트에 대한 좋은 래퍼

407
00:19:44,400 --> 00:19:48,180
당신은 쉽게 선택할 수있는 언어
다른 요소를 조작

408
00:19:48,180 --> 00:19:52,470
의 문서 객체 모델 사이
웹 페이지 또는 내가 생각하는 DOM,

409
00:19:52,470 --> 00:19:54,290
너희들에 들어있다
이 시점에서 강의.

410
00:19:54,290 --> 00:19:57,550
>> 토마스 REIMERS : 당신이 들어 본 적이 없다면
그하거나 감시하지 않은 경우 강의

411
00:19:57,550 --> 00:20:01,870
그러나, 문서 객체 모델이다
기본적으로 일이 어떻게 표현된다.

412
00:20:01,870 --> 00:20:05,290
따라서 HTML은 종류의 나무처럼 보이는
당신은 실제로 그것을 그릴 때.

413
00:20:05,290 --> 00:20:06,850
당신은 상단에있는 HTML 요소가있다.

414
00:20:06,850 --> 00:20:07,560
당신은 머리와 몸이있다.

415
00:20:07,560 --> 00:20:09,500
>> 그리고, 당신은 내
다른 모든 것을 갖추고 있습니다.

416
00:20:09,500 --> 00:20:10,660
즉 DOM으로 불린다 -

417
00:20:10,660 --> 00:20:12,120
문서 객체 모델.

418
00:20:12,120 --> 00:20:16,090
그래서 개체를 나타내는 모델
문서가 생각하는 가장 쉬운 방법입니다

419
00:20:16,090 --> 00:20:18,560
그것에 대해.

420
00:20:18,560 --> 00:20:22,520
그리고 jQuery를의 좋은 점 중 하나
정말 이송을하게됩니다

421
00:20:22,520 --> 00:20:26,460
그와 내에서 조작 요소
이 믿을 수 없을 정도로 간단하다.

422
00:20:26,460 --> 00:20:30,300
>> 따라서 단순한 사실, 즉 대다수
자바 스크립트 라이브러리 또는하지 않을 경우

423
00:20:30,300 --> 00:20:34,200
대다수 사람들의 그랜드 대부분
당신이 볼 수 실제로 이렇게 jQuery를 필요로

424
00:20:34,200 --> 00:20:37,530
그들은 단순히 자신을 실행할 수
때문에 당신은, 당신을 jQuery를 가지고 있지 않은 경우

425
00:20:37,530 --> 00:20:40,540
하려고 많은 시간을 낭비 것
일정을 선택하는 방법을 알아낼

426
00:20:40,540 --> 00:20:43,660
요소와 어떻게 다른 일을 할 수 있습니다.

427
00:20:43,660 --> 00:20:47,950
그리고 jQuery를 대한 다른 좋은 점
그것은 크로스 브라우저 호환 것입니다.

428
00:20:47,950 --> 00:20:51,550
>> 우리가 말했다 그래서 다시 기억
모든 브라우저에서 구현하지

429
00:20:51,550 --> 00:20:53,100
일 같은 방식으로?

430
00:20:53,100 --> 00:20:55,120
이것은 심지어 자바 스크립트에 해당됩니다.

431
00:20:55,120 --> 00:20:58,220
그리고 jQuery를에 대한 위대한 업적 중 하나
그것을 감지 것입니다

432
00:20:58,220 --> 00:21:00,300
브라우저를 감지
적절한 방법.

433
00:21:00,300 --> 00:21:03,420
>> 그래서 만약 당신이 요소를 선택해야하는 경우,
Internet Explorer는 당신이있어 말할 수

434
00:21:03,420 --> 00:21:05,770
이 방법을 수행 할 예정.

435
00:21:05,770 --> 00:21:08,300
파이어 폭스는 올바른 말을 할 수
방법은이 방법이다.

436
00:21:08,300 --> 00:21:09,710
jQuery를 상관하지 않습니다.

437
00:21:09,710 --> 00:21:12,550
당신을 선택할 수 jQuery를 말할 때
요소는 그것의 방법을 알아낼 것이다

438
00:21:12,550 --> 00:21:16,290
브라우저 내에서 그것을 어떻게해야
사용자는 현재이고, 그 수행

439
00:21:16,290 --> 00:21:18,584
그런 식으로.

440
00:21:18,584 --> 00:21:22,650
>> MIKE RIZZO : 그럼에 대해 얘기하지 말자
jQuery를 사용의 약간.

441
00:21:22,650 --> 00:21:27,670
그냥 PHP와 같이, jQuery를 특정이
달러 기호에 대한 욕​​망.

442
00:21:27,670 --> 00:21:30,880
그래서 당신은 그 어떤 jQuery를 찾을 수 있습니다 -

443
00:21:30,880 --> 00:21:32,060
물론, 모든.

444
00:21:32,060 --> 00:21:35,210
당신은 때때로 달러를 대체 할 수있다
단어 jQuery를 함께 서명.

445
00:21:35,210 --> 00:21:38,980
그러나 일반적으로, 그냥 있기 때문에
짧은, 당신은 jQuery를이되고 볼 때마다

446
00:21:38,980 --> 00:21:41,420
그것은 달러 기호 일 것이다 사용.

447
00:21:41,420 --> 00:21:47,030
>> 그래서 여기에 우리는 단지 시작을 표​​시하고
DOM의 요소에 대한 셀렉터.

448
00:21:47,030 --> 00:21:52,850
여기에서, 우리는 달러 기호 다음에이
다음 열기 괄호 및 따옴표.

449
00:21:52,850 --> 00:21:56,130
그리고 따옴표 우리의 선택기로 이동
다른 요소.

450
00:21:56,130 --> 00:21:59,810
그냥 CSS처럼, 우리는에 선택기가 필요
다른 요소의 스타일을 할 수

451
00:21:59,810 --> 00:22:00,840
페이지 내.

452
00:22:00,840 --> 00:22:06,555
그 다른 선택기 번역
정확히에 jQuery를하고 자바 스크립트,

453
00:22:06,555 --> 00:22:07,820
대부분의 경우.

454
00:22:07,820 --> 00:22:10,120
>> 그래서 여기에 우리는 도트​​ foo는 있습니다.

455
00:22:10,120 --> 00:22:14,780
당신이 강의에서 기억이 경우,
점은 클래스를 의미한다.

456
00:22:14,780 --> 00:22:18,850
그래서 우리는 요소를 선택하고
Foo 클래스와.

457
00:22:18,850 --> 00:22:22,670
그래서 내가 가서 열 경우에 우리의
자바 스크립트 콘솔 여기 정말 빠르게

458
00:22:22,670 --> 00:22:26,830
난 그냥 입력하면 바로 그것을 보여
달러 기호, 우리는 몇 가지의 볼

459
00:22:26,830 --> 00:22:28,090
등장 기능.

460
00:22:28,090 --> 00:22:29,420
그리고 그것은 단지 jQuery를에 의해 정의 된 것.

461
00:22:29,420 --> 00:22:32,120
>> 토마스 REIMERS : 당신의 사람들을 위해
익숙하지 않은, 콘솔은 도구입니다

462
00:22:32,120 --> 00:22:35,430
당신은 할 수 있습니다 크롬, 내
기본적으로,에서 자바 스크립트를 실행

463
00:22:35,430 --> 00:22:36,450
현재 페이지.

464
00:22:36,450 --> 00:22:39,420
이것은 당신은 매우 유용한 찾을 때
실제로 디버깅하고있어

465
00:22:39,420 --> 00:22:42,400
을해야하고, 현재는 무엇인가
일부 글로벌 변수의 값 또는 어떤

466
00:22:42,400 --> 00:22:43,910
다른 것입니까?

467
00:22:43,910 --> 00:22:47,620
그것은 제외하고 GDB 같은 종류의
당신이 실제로 수

468
00:22:47,620 --> 00:22:51,600
와 페이지의 요소를 조작
훨씬 쉽게 방식으로 그것을.

469
00:22:51,600 --> 00:22:55,080
그리고 또한 그것은 기본적으로 확인하지 않습니다
그것은 무엇을 수행하기 전에 당신과 함께합니다.

470
00:22:55,080 --> 00:22:58,660
>> 그래서 반면, GDB는 같은 수 있습니다, 당신은
반드시 다음 단계를 실행하려면?

471
00:22:58,660 --> 00:22:59,830
콘솔은 실시간으로합니다.

472
00:22:59,830 --> 00:23:03,690
웹 페이지 렌더링하고 그래서 같이
그것은을하고 있는지 어떤 일을

473
00:23:03,690 --> 00:23:05,720
의회는 또한 함께 실행.

474
00:23:05,720 --> 00:23:08,330
그리고 당신은에 전가 코드를 넣을 수 있습니다
해당 콘솔, 어떤 것

475
00:23:08,330 --> 00:23:09,260
페이지에서 실행.

476
00:23:09,260 --> 00:23:12,190
>> MIKE RIZZO : 그래서 콘솔을 입력하려면
나는 짧게 것 같아요

477
00:23:12,190 --> 00:23:13,750
이 작업을 수행하는 방법을 언급한다.

478
00:23:13,750 --> 00:23:17,850
당신이 가질 수있는 마지막 문제
사용되는 크롬의이 요소를 검사

479
00:23:17,850 --> 00:23:20,440
함수 또는 페이지 소스보기 -

480
00:23:20,440 --> 00:23:23,870
그 딱하여 액세스 할 수 있습니다
페이지 또는 특정 클릭

481
00:23:23,870 --> 00:23:28,430
요소 검사 하나를 수행
요소 또는 페이지 소스보기.

482
00:23:28,430 --> 00:23:31,190
우리는 또한 자바 스크립트에 액세스 할
콘솔에 의해 직접

483
00:23:31,190 --> 00:23:33,630
요소를 검사 선택.

484
00:23:33,630 --> 00:23:37,930
그럼 당신이 히트 콘솔
맨 오른쪽에.

485
00:23:37,930 --> 00:23:41,900
>> 또는, 당신은 갈 수
오른쪽 상단에,

486
00:23:41,900 --> 00:23:46,820
이 화면에서 잘리는 곳
그것은 세 개의 가로 막대가 있습니다.

487
00:23:46,820 --> 00:23:52,010
그리고 당신은 도구에 가서
다음 자바 스크립트 콘솔

488
00:23:52,010 --> 00:23:53,240
여기에 위치를 볼 수 있습니다 -

489
00:23:53,240 --> 00:23:54,370
적어도 Windows에서 -

490
00:23:54,370 --> 00:23:59,680
바로 가기는 제어 그럼 J. 시프트입니다
우리는 요소를 선택하려는 경우

491
00:23:59,680 --> 00:24:06,060
이 페이지 내에서, 단지처럼 보여 주었다
이전에, 우리는 달러 기호 열린 괄호을

492
00:24:06,060 --> 00:24:08,180
다음 인용.

493
00:24:08,180 --> 00:24:11,750
>> 흥미로운 점은, 일반적이다
작은 따옴표와 큰 따옴표는

494
00:24:11,750 --> 00:24:12,370
교환.

495
00:24:12,370 --> 00:24:16,050
그래서 많은 사람들이 단지 하나의 사용
따옴표가 입력하는 빠르기 때문에

496
00:24:16,050 --> 00:24:19,780
큰 따옴표보다 당신이하지 않기 때문에
Shift 키를 누른 상태에서해야합니다.

497
00:24:19,780 --> 00:24:21,770
그래서 지금 당장 그렇게 할 수 있습니다.

498
00:24:21,770 --> 00:24:24,510
>> 그래서 내가 뭔가를 선택하려면
클래스.

499
00:24:24,510 --> 00:24:27,200
컨테이너는, 내가 아는 바로 때문이다
에 뭔가 우리의

500
00:24:27,200 --> 00:24:28,740
웹 페이지 지금.

501
00:24:28,740 --> 00:24:29,520
그리고 Enter 키를 누르십시오.

502
00:24:29,520 --> 00:24:31,670
그리고 우리는 그것을 선택한 것을 볼 수 있습니다.

503
00:24:31,670 --> 00:24:34,990
그래서 나타 그것이
해당 개체를 반환했습니다.

504
00:24:34,990 --> 00:24:36,620
그래서 기본적인 선택이다.

505
00:24:36,620 --> 00:24:40,080
우리가 사실을 조작하려는 경우,
당신이 뭔가를 호출해야합니다

506
00:24:40,080 --> 00:24:43,925
그 선택에, 어떤
우리는 이후에 얻을 것이다.

507
00:24:43,925 --> 00:24:49,030
>> 토마스 REIMERS : 그래서 그냥 보는
더 깊이,이 다르지 않습니다

508
00:24:49,030 --> 00:24:52,245
우리는 C. 제 함수 호출보다
여기에 함수의 이름입니다

509
00:24:52,245 --> 00:24:52,580
조금 이상한.

510
00:24:52,580 --> 00:24:55,640
그것은 달러 기호입니다.

511
00:24:55,640 --> 00:24:57,010
그냥 함수의 이름입니다.

512
00:24:57,010 --> 00:24:58,810
그것은 특별한 것이 없다.

513
00:24:58,810 --> 00:25:00,450
>> 저희는 열린 괄호가 있습니다.

514
00:25:00,450 --> 00:25:03,880
그 후, 우리는 우리의 하나의 인자를 가지고있는
이 경우 문자열로 발생,

515
00:25:03,880 --> 00:25:05,680
하는 그것을위한 선택이다.

516
00:25:05,680 --> 00:25:08,130
그리고, 우리가 우리의
닫힌 괄호.

517
00:25:08,130 --> 00:25:09,960
그거야.

518
00:25:09,960 --> 00:25:11,500
>> 그것은 그렇게 크게 차이가 있습니다.

519
00:25:11,500 --> 00:25:12,900
하지만, 그것은 매우 이상한 모양 않습니다.

520
00:25:12,900 --> 00:25:17,220
그리고는, 종류의, 고집이 될 수 있습니다
많은 사람들이 지적한다.

521
00:25:17,220 --> 00:25:21,460
>> MIKE RIZZO : 그래서 유사하게, 우리가 원하는 경우
ID가있는 요소를 선택,

522
00:25:21,460 --> 00:25:23,470
지금 우리는 별을 선택하려면
대신 클래스의 ID.

523
00:25:23,470 --> 00:25:28,080
그것은 비슷한 일이 될 것입니다 어디
다만 ID에 대한 날카로운 서명을한다.

524
00:25:28,080 --> 00:25:33,576
그래서 우리는 모두 여기에 선택하고
ID 바있는 요소.

525
00:25:33,576 --> 00:25:35,400
>> 토마스 REIMERS : 그리고이 확장됩니다.

526
00:25:35,400 --> 00:25:36,450
즉, CSS를 확장.

527
00:25:36,450 --> 00:25:42,260
그냥 CSS처럼, 당신은 모두를 선택할 수 있습니다
클래스 foo는이 링크.

528
00:25:42,260 --> 00:25:43,420
여기서, 같은 일이다.

529
00:25:43,420 --> 00:25:52,750
>> 당신은 선택 할, a.foo 할 수
클래스 foo에있는 모든 링크.

530
00:25:52,750 --> 00:25:58,860
당신은 날카로운 막대를 할 수있는 것
ID 막대 등 링크를 선택합니다

531
00:25:58,860 --> 00:25:59,770
에 등.

532
00:25:59,770 --> 00:26:02,120
모든 CSS 셀렉터는 유효
jQuery를 선택.

533
00:26:02,120 --> 00:26:03,370
>> MIKE RIZZO : 네.

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

535
00:26:07,996 --> 00:26:11,460
좋아, 그럼 이제 조금 들어 가지
우리가 할 수있는 조작의

536
00:26:11,460 --> 00:26:12,870
우리의 jQuery를.

537
00:26:12,870 --> 00:26:19,280
그래서 jQuery를 특정 형식에있다
우리가 사용하는 표기

538
00:26:19,280 --> 00:26:20,170
끝 점.

539
00:26:20,170 --> 00:26:23,340
그리고 당신은이 같이 생각할 수 있습니다
C 우리는 다른 구조체를했다 방법.

540
00:26:23,340 --> 00:26:27,110
그리고 그 구조체으로 이동하려면, 당신은 것
그들에 얻을 수있는 점을 사용합니다.

541
00:26:27,110 --> 00:26:28,480
>> 이것은 종류의 유사한 것입니다.

542
00:26:28,480 --> 00:26:33,570
지금은 우리는이 내의 기능을 가지고
우리가 그것을 호출 할 수있는 셀렉터.

543
00:26:33,570 --> 00:26:38,640
그래서 여기에, 최초의 예
당신은 CSS 셀렉터입니다 볼 수 있습니다.

544
00:26:38,640 --> 00:26:45,290
기본적으로, 어떤이가하는 것은입니다
이 문제에 대한 첫 번째 요소의 CSS를 적용

545
00:26:45,290 --> 00:26:46,230
당신이 선택한 것 -

546
00:26:46,230 --> 00:26:47,720
당신은 선택이 요소 -

547
00:26:47,720 --> 00:26:49,290
그 값.

548
00:26:49,290 --> 00:26:55,390
>> 토마스 REIMERS : 너무 쉽게 번역
만약 jQuery를, 기본적으로, 그 것

549
00:26:55,390 --> 00:26:57,790
그냥 foo는했다.

550
00:26:57,790 --> 00:27:05,480
그리고 CSS에서 말했다,
빨간색과 이서.

551
00:27:05,480 --> 00:27:06,670
이 같은 생각이다.

552
00:27:06,670 --> 00:27:08,800
어떻게이 일을 끝낼하면이 선택되어 있습니다
모든 foo는 요소.

553
00:27:08,800 --> 00:27:10,170
그리고 그것은 적용된.

554
00:27:10,170 --> 00:27:15,884
정렬, 속성 색
빨간색과 같다.

555
00:27:15,884 --> 00:27:21,070
>> MIKE RIZZO : 마찬가지로, 우리는 또한 변경할 수 있습니다
무엇의 실제 내용

556
00:27:21,070 --> 00:27:24,870
페이지의 HTML에 표시하는
그것이 의미하기 때문에 정말 멋진 당신의

557
00:27:24,870 --> 00:27:28,095
웹 페이지는 이제 완전히 동적 일 수
정적 일 필요는 없습니다

558
00:27:28,095 --> 00:27:31,660
당신은 PHP를 사용하여 인쇄하는 것이
처음 중

559
00:27:31,660 --> 00:27:33,320
페이지가로드되는.

560
00:27:33,320 --> 00:27:36,810
그래서 여기, 우리는 변경하려는 경우
페이지의 실제 HTML, 우리는 지금 것

561
00:27:36,810 --> 00:27:43,550
HTML의 함수를 호출 한 후 바로
우리가로, 지정한 삽입

562
00:27:43,550 --> 00:27:45,390
우리가 선택하는 요소입니다.

563
00:27:45,390 --> 00:27:49,810
그래서 여기에 우리가 가진 요소를 선택하고
Foo 클래스 다음은 HTML의 말

564
00:27:49,810 --> 00:27:52,200
지금 안녕하세요입니다.

565
00:27:52,200 --> 00:27:55,600
>> 토마스 REIMERS : 그리고 당신이 생각하는 경우에 대한
의 유용한 응용 프로그램은 무엇입니까

566
00:27:55,600 --> 00:28:00,800
이,이 CSS의 하나는, 우선 그
당신은 생각을 시작할 수 있습니다

567
00:28:00,800 --> 00:28:03,070
측면에서도 드롭 다운 메뉴.

568
00:28:03,070 --> 00:28:08,350
당신은 같은 일을 시작할 수있을 때
사용자는 상단 부분을 가리키면

569
00:28:08,350 --> 00:28:11,970
드롭 다운, 당신은하고 싶은
눈에 보이는 하단 부분.

570
00:28:11,970 --> 00:28:12,540
오른쪽?

571
00:28:12,540 --> 00:28:15,610
>> 그래서 CSS, 우리는 특성을 가지고
눈에 보이는 무언가를 만들 수 있습니다.

572
00:28:15,610 --> 00:28:19,330
디스플레이 대장 없음 같은 것들
그것은 눈에 보이지 않는 만들 것입니다.

573
00:28:19,330 --> 00:28:21,190
디스플레이 블록은 볼 수 있도록합니다.

574
00:28:21,190 --> 00:28:25,860
또는 당신은, 당신을 간단 가고 싶어도
가시성 등호 같은 것들을 가지고

575
00:28:25,860 --> 00:28:27,520
눈에 보이는 가시성 숨겨진 같습니다.

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

577
00:28:30,330 --> 00:28:34,780
>> 그리고 당신은 물건을 구현하기 시작할 수
같은 메뉴 바로 드롭 다운

578
00:28:34,780 --> 00:28:38,410
당신은 방법의 아이디어를 얻은 후에
이 열 때 당신이 알아낼 수,

579
00:28:38,410 --> 00:28:39,850
우리는 매우 간단를 통해 얻을 수 있습니다있다.

580
00:28:39,850 --> 00:28:42,160
그러나 우리는 볼 시작할 수 있습니다
이것의 응용 프로그램.

581
00:28:42,160 --> 00:28:45,540
비슷한 의미에서, 당신이 있다면 시도
및 채팅, 구현의 말을하자

582
00:28:45,540 --> 00:28:48,620
엔진 당신은 조금을 만들고 싶어
당신은했습니다 때마다 연설 거품 올

583
00:28:48,620 --> 00:28:52,880
새 메시지를 가지고, 당신은 일단
새 메시지, 당신은 조금을 만들 수 있습니다

584
00:28:52,880 --> 00:28:55,890
연설 거품 변경에 등장
페이지의 HTML, 오른쪽?

585
00:28:55,890 --> 00:29:00,540
여분의 연설 거품을 추가하여
거기에 여분의 텍스트.

586
00:29:00,540 --> 00:29:01,140
그래?

587
00:29:01,140 --> 00:29:07,750
>> 청중 : 그래서 당신은 내이를 포함합니다
정렬 등의 HTML 코드

588
00:29:07,750 --> 00:29:10,534
[들리지?

589
00:29:10,534 --> 00:29:12,940
>> MIKE RIZZO : 오른쪽.

590
00:29:12,940 --> 00:29:16,190
그래, 우리가 얻을 수 있습니다
조금있다.

591
00:29:16,190 --> 00:29:18,810
그래, 유사의
PHP에 약간.

592
00:29:18,810 --> 00:29:21,240
정확하게 유사하지.

593
00:29:21,240 --> 00:29:24,730
>> 만들 수있는 좋은 차이는 무엇인지이
실제로 우리가 편집 할 때 편집하는

594
00:29:24,730 --> 00:29:28,480
그것은 될 수 없습니다 때문 페이지
되는 실제 파일을 편집

595
00:29:28,480 --> 00:29:31,380
서버에 보관하기 때문에 세계
권한이 안

596
00:29:31,380 --> 00:29:32,610
파일을 편집 할 수 있습니다.

597
00:29:32,610 --> 00:29:36,080
이것은 단지 페이지에 무엇을 편집하는
그리고 무엇에 표시되는 것

598
00:29:36,080 --> 00:29:36,950
브라우저.

599
00:29:36,950 --> 00:29:40,340
그래서 당신은 후 페이지를 다시로드한다면,
우리로 뭔가를 삭제, 말

600
00:29:40,340 --> 00:29:44,730
우리가 제거 호출 할 수있는 참조
그 일이 다시 나타 것이다.

601
00:29:44,730 --> 00:29:48,590
>> 토마스 REIMERS : 그래서 한 가지 방법에 대해 생각하기
이것은 당신의 컴퓨터이야 경우이며,

602
00:29:48,590 --> 00:29:50,170
마이크, 종류의 서버입니다.

603
00:29:50,170 --> 00:29:53,850
어떤 일이 일어날 것은 내가 갈거야입니다
이봐, 난의 복사본을 할 수 있습니다, 마이크를 물어

604
00:29:53,850 --> 00:29:54,630
이 웹 페이지?

605
00:29:54,630 --> 00:29:56,190
그리고 그는 나에게 사본을 줄 것이다.

606
00:29:56,190 --> 00:29:57,430
>> 아니, 원래의 것은 아니다.

607
00:29:57,430 --> 00:29:58,620
그냥 복사합니다.

608
00:29:58,620 --> 00:30:00,450
그리고, 그것은, 오, 같은 것
자바 스크립트는 여기에있다.

609
00:30:00,450 --> 00:30:02,450
분명히, 나는 편집해야
페이지는 다음과 같이합니다.

610
00:30:02,450 --> 00:30:04,250
그리고 난 당신의 사본을 편집하고 있습니다.

611
00:30:04,250 --> 00:30:05,920
>> 하지만 그 초래 아니에요
실제 사본.

612
00:30:05,920 --> 00:30:08,480
그리고 난다면 다시 물어
페이지를 새로 고침 -

613
00:30:08,480 --> 00:30:10,060
이봐, 나는 또 다른 깨끗한 복사본을 할 수 있습니다 -

614
00:30:10,060 --> 00:30:11,440
그는 내게 줄 것
다른 깨끗한 사본.

615
00:30:11,440 --> 00:30:14,240
그리고, 나는 같은 일을 할거야
같은, 오,이 말로는 여기 JS

616
00:30:14,240 --> 00:30:14,866
이 작업을 편집 할 수 있습니다.

617
00:30:14,866 --> 00:30:17,460
그리고 그 일을 계속하겠습니다.

618
00:30:17,460 --> 00:30:20,930
>> MIKE RIZZO : 그래서 정말 재밌어
jQuery를이 당신이 할 수있는

619
00:30:20,930 --> 00:30:24,350
실제로 다른 유형을 추가
귀하의 페이지에 애니메이션.

620
00:30:24,350 --> 00:30:27,440
혹시 여기서 본 적이 나도 몰라
당신은 채우기에 양식을 시도하고

621
00:30:27,440 --> 00:30:31,250
온라인 당신은 기입하지 않는다
제대로 일.

622
00:30:31,250 --> 00:30:33,440
그래서 작은 일이 아래로 슬라이드
상단에 당신은 말한다

623
00:30:33,440 --> 00:30:34,820
제대로 수행하지 않은.

624
00:30:34,820 --> 00:30:36,260
다시 시도하십시오.

625
00:30:36,260 --> 00:30:37,890
그리고, 심지어는 그냥 밀어 수 있습니다.

626
00:30:37,890 --> 00:30:40,710
>> jQuery를이 기능을 내장하고있다 밝혀
즉,이 모든 확인

627
00:30:40,710 --> 00:30:44,180
애니메이션 정말, 정말 쉽습니다.

628
00:30:44,180 --> 00:30:46,750
그래서 페이드 먼저가
아웃 기능을하는

629
00:30:46,750 --> 00:30:47,710
당신이 뭔가를 호출 할 수 있습니다.

630
00:30:47,710 --> 00:30:55,650
그리고 그것의 CSS를 변경하는 방법
애니메이션 방식으로 해당 요소.

631
00:30:55,650 --> 00:30:58,480
그래서 어떤 요소를 가져 와서
당신은에 페이드 아웃 호출합니다.

632
00:30:58,480 --> 00:31:03,990
그리고, 천천히의 불투명도가 변경
그것은 완전히 투명하게 될 때까지.

633
00:31:03,990 --> 00:31:07,330
>> 토마스 REIMERS : 다른 인기있는 하나
하게되는, 아래로 슬라이드합니다

634
00:31:07,330 --> 00:31:08,800
뭔가가 아래로 슬라이딩으로 나타납니다.

635
00:31:08,800 --> 00:31:12,840
따라서 드롭 다운 메뉴의 경우,
다시, 우리가 감지하는 방법을 알았을 때

636
00:31:12,840 --> 00:31:15,310
이 일이였다되었을 때,
당신은이 바닥을 말할 수

637
00:31:15,310 --> 00:31:16,910
부분은 지금 아래로 밀어 넣습니다.

638
00:31:16,910 --> 00:31:19,270
그리고, 그것이 나타나는
아래로 밀어.

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

640
00:31:22,042 --> 00:31:26,590
>> MIKE RIZZO : 그리고, 당신은 단지가있는 경우
마음에있는 애니메이션의 몇 가지 유형이

641
00:31:26,590 --> 00:31:29,080
jQuery를 반드시 제공하지 않습니다.

642
00:31:29,080 --> 00:31:32,690
예를 들어,이 jQuery를 가정 해 봅시다
당신은 슬라이드도 제공하지 않습니다

643
00:31:32,690 --> 00:31:33,750
아래로 슬라이드 업.

644
00:31:33,750 --> 00:31:36,740
그럼, 당신이 밀어 싶었 가정 해 봅시다
에서 왼쪽 또는 도착에 뭔가

645
00:31:36,740 --> 00:31:39,880
CS50 등의 오른쪽 종류
메인 페이지마다 수행

646
00:31:39,880 --> 00:31:42,080
새 패널로 이동합니다.

647
00:31:42,080 --> 00:31:45,030
당신은 아마에있을 것
사용하여 직접 구현

648
00:31:45,030 --> 00:31:49,310
jQuery를 내 기능을 애니메이션.

649
00:31:49,310 --> 00:31:51,350
>> 그래서 마찬가지로, 당신은 단지 애니메이션.

650
00:31:51,350 --> 00:31:55,850
그리고, 그 안에 그것은 걸립니다
다른 값의 사전

651
00:31:55,850 --> 00:31:57,340
당신은 통과되어 있다는 것을.

652
00:31:57,340 --> 00:32:06,960
그래서 여기, 우리는 애니메이션을 원하는 경우
요소 foo는는 자사의 폭 하나

653
00:32:06,960 --> 00:32:10,880
팽창 또는 80 픽셀로 계약,
가 현재 무엇에 따라 달라집니다.

654
00:32:10,880 --> 00:32:14,100
우리는 다만 그것을 통과 할 것
그 안에 인수.

655
00:32:14,100 --> 00:32:18,060
>> 다른 인수를도에 애니메이션
당신은 예를 들어, 전달할 수 있다는 것을,

656
00:32:18,060 --> 00:32:21,150
애니메이션 속도
당신이 그것을주고 싶은.

657
00:32:21,150 --> 00:32:26,220
그리고 그렇게, 그냥 말을
빨리 구글 jQuery를이 애니메이션.

658
00:32:26,220 --> 00:32:31,710
그리고,이 페이지를 데리고, 당신은 할 수
그것은 다른 잔뜩있어 참조

659
00:32:31,710 --> 00:32:33,560
당신이 그것을 전달할 수있는 속성.

660
00:32:33,560 --> 00:32:35,990
>> 그리고 난 당신을 격려 - 만약 당신이 올 때마다
당신이하지 않는 일에 걸쳐

661
00:32:35,990 --> 00:32:40,390
알고 있거나 단지에 대해보다 자세한 정보가 필요 하시다면
호출 할 수있는 특정 방법

662
00:32:40,390 --> 00:32:41,270
뭔가 -

663
00:32:41,270 --> 00:32:44,440
다만 구글 그것. jQuery를 매우입니다
잘 문서화.

664
00:32:44,440 --> 00:32:49,140
그리고 종종 시간이 많이 있습니다
그들이 당신을 제공 예.

665
00:32:49,140 --> 00:32:52,470
우리가 아래로 스크롤하면 -

666
00:32:52,470 --> 00:32:53,720
길 아래로 -

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

668
00:32:57,660 --> 00:32:59,190
우리는뿐만 아니라, 사용할 수있다.

669
00:32:59,190 --> 00:33:02,480
>> 다시 때 현상은 실제로 간다
쓰기의 문제를 통해

670
00:33:02,480 --> 00:33:05,810
도서관, 그들은 일반적으로 원하는
그것을 사용하는 사람.

671
00:33:05,810 --> 00:33:09,400
그래서 함께가는
문서 수.

672
00:33:09,400 --> 00:33:12,270
그리고 그 문서는 일반적으로 할 수있다
인 프로젝트 페이지에서 찾을

673
00:33:12,270 --> 00:33:14,970
우리는 당신의 그 원래의 사이트를 준 이유
당신을 연결하는 시작,

674
00:33:14,970 --> 00:33:18,080
프로젝트 페이지 당신이 할 수 있도록
그 설명서를 참조하십시오.

675
00:33:18,080 --> 00:33:22,670
>> 일반적 경우 프로젝트 페이지
의 [청취], 당신을 말했다

676
00:33:22,670 --> 00:33:23,940
클래스의 이름.

677
00:33:23,940 --> 00:33:27,250
자바 스크립트의 경우는 준다
당신이 함수의 이름입니다.

678
00:33:27,250 --> 00:33:35,310
그런데, 우리가 정상까지 이동하면,
기능에 대한 빠른 보조 노트는

679
00:33:35,310 --> 00:33:39,080
구현 된 기능을 볼 때마다
하드와이 같은

680
00:33:39,080 --> 00:33:43,800
중간에 브라켓, 그 수단
그 속성은 선택 사항입니다.

681
00:33:43,800 --> 00:33:44,750
그냥 머리 위로.

682
00:33:44,750 --> 00:33:47,350
나는 질문을 많이 봤어요
그것에 대해.

683
00:33:47,350 --> 00:33:50,370
>> 그래서 여기에 우리가 볼 수
애니메이션 속성 소요

684
00:33:50,370 --> 00:33:51,800
필요한 인수로.

685
00:33:51,800 --> 00:33:54,870
그리고 나머지는 선택 사항입니다.

686
00:33:54,870 --> 00:33:56,136
사이드 주 -

687
00:33:56,136 --> 00:33:58,090
당신은 정렬이 생각할 수있는
의 매뉴얼 페이지 등을들 수있다.

688
00:33:58,090 --> 00:34:04,275
매뉴얼 페이지는 C에 대한 문서이며,
뿐만 아니라 다른 것들의 많은.

689
00:34:04,275 --> 00:34:11,020
>> MIKE RIZZO : 그래서 우리가 배운 방법
페이지에 다른 CSS를 변경,

690
00:34:11,020 --> 00:34:14,040
그것을 애니메이션, 및 HTML을 추가, 제거.

691
00:34:14,040 --> 00:34:16,889
그러나 실제로 가장 강력한 중 하나
자바 스크립트에 대한 것들

692
00:34:16,889 --> 00:34:18,270
특히 jQuery를 -

693
00:34:18,270 --> 00:34:22,570
무엇 당신이 할 수있는 것은 반응입니다
일이 다른 요소.

694
00:34:22,570 --> 00:34:25,380
예를 들어, 여기에서 우리는 가지고있다
이벤트 핸들러.

695
00:34:25,380 --> 00:34:28,210
때마다 이것 저것은 의미
이벤트가 발생, 우리는 그것을 처리

696
00:34:28,210 --> 00:34:29,280
특정 방법.

697
00:34:29,280 --> 00:34:35,159
>> 그래서 여기에, 일반 jQuery를 이벤트
처리기에 대한 점이다.

698
00:34:35,159 --> 00:34:42,949
그리고, 첫 번째 것은 당신이 제공
어떤 이벤트가해야

699
00:34:42,949 --> 00:34:43,810
수신 될 수있다.

700
00:34:43,810 --> 00:34:45,610
그래서 여기, 그것은 클릭의 그
우리는 기다리고있다.

701
00:34:45,610 --> 00:34:49,250
>> 토마스 REIMERS : 다른 방법으로는이
호버에있는 매우 인기입니다.

702
00:34:49,250 --> 00:34:52,000
그래서 다시 메뉴 아이디어를 아래로 내 드롭합니다.

703
00:34:52,000 --> 00:34:54,239
당신은 호버에 최고를 할 것이다.

704
00:34:54,239 --> 00:34:56,096
그리고 당신은 그것을 변경할 수 있습니다.

705
00:34:56,096 --> 00:34:56,830
>> MIKE RIZZO : 오른쪽.

706
00:34:56,830 --> 00:35:01,680
그리고, 그렇게되면, 그냥
우리는 줄이 기능을 실행

707
00:35:01,680 --> 00:35:05,080
인수로 그
그것은 인사 또는 인사 알립니다.

708
00:35:05,080 --> 00:35:08,900
>> 토마스 REIMERS : 그래서의 경우
자바 스크립트는, 이것은 우리가 필요한 곳​​입니다

709
00:35:08,900 --> 00:35:12,970
C.에서 자신을 제거 우리는 할 수 실제로
인수로 기능을.

710
00:35:12,970 --> 00:35:15,940
그리고 많은 정말로있다
이 작업을 수행하는 복잡한 방법.

711
00:35:15,940 --> 00:35:17,940
우리는 한 가지 방법을 홍보하는 것입니다,
정의 할 수있는 인

712
00:35:17,940 --> 00:35:19,270
바로 작동합니다.

713
00:35:19,270 --> 00:35:22,540
>> 그래서 당신은 함수로 요청 할 때
매개 변수는, 당신은 기본적으로 그저

714
00:35:22,540 --> 00:35:24,500
함수를 정의하려고
그 자리에서.

715
00:35:24,500 --> 00:35:27,090
그리고 당신은 함수를 정의하는 방법
자바 스크립트에서 당신은

716
00:35:27,090 --> 00:35:28,820
말 그대로 기능을 말한다.

717
00:35:28,820 --> 00:35:30,130
그리고, 일반적으로, 이름
함수.

718
00:35:30,130 --> 00:35:32,510
그러나 우리는 참조 할 것 일은 없습니다
이 기능을 다시.

719
00:35:32,510 --> 00:35:34,040
그래서 우리는 이름없는 둡니다.

720
00:35:34,040 --> 00:35:40,440
>> 그런 다음 괄호 다음 곱슬
중괄호, 그리고 그 안에있는 코드.

721
00:35:40,440 --> 00:35:42,540
그래서 우리는이 캔을 이해
약간 혼란 스러울 수.

722
00:35:42,540 --> 00:35:45,180
그래서 우리는 당신에게 일반적인 형태의 줄
이벤트 핸들러가 어떻게 생겼는지

723
00:35:45,180 --> 00:35:47,790
아래, 어떤 이벤트에 있습니다.

724
00:35:47,790 --> 00:35:50,598
그리고, 그 안에 코드.

725
00:35:50,598 --> 00:35:52,478
>> MIKE RIZZO : 어떤이 있습니까
이에 대한 질문?

726
00:35:52,478 --> 00:35:54,818
이것은 약간 혼란 스러울 수 있습니다
당신이 그것을보고 처음.

727
00:35:54,818 --> 00:35:57,550
>> 토마스 REIMERS : 당신은 실제로 원하는
파일을 열고 그들에게 몇 가지를 보여

728
00:35:57,550 --> 00:35:58,155
jQuery를 지금?

729
00:35:58,155 --> 00:35:59,853
>> MIKE RIZZO : 그래, 그렇게하자.

730
00:35:59,853 --> 00:36:00,256
OK.

731
00:36:00,256 --> 00:36:02,490
>> 토마스 REIMERS : 그래서 지금 우리가있어
어플라이언스.

732
00:36:02,490 --> 00:36:07,730
그리고 우리가 한 것은 우리가 찍은 것입니다
index.html을 모두 만드는 자유

733
00:36:07,730 --> 00:36:10,100
에 링크 파일,
자바 스크립트 파일.

734
00:36:10,100 --> 00:36:12,880
그리고 우리는 열 수 -을

735
00:36:12,880 --> 00:36:15,170
그래.

736
00:36:15,170 --> 00:36:16,630
글쎄, 두 가지 작업을 수행합니다.

737
00:36:16,630 --> 00:36:18,350
>> 첫번째는에 링크이다
자바 스크립트 파일.

738
00:36:18,350 --> 00:36:21,250
그리고 우리는 여기에 그를 볼 수 있습니다.

739
00:36:21,250 --> 00:36:25,340
우리의 머리에있는 것을 볼
HTML 문서, 특히.

740
00:36:25,340 --> 00:36:28,260
그래서 당신이 볼 수 있습니다 그
우리는 기본적으로 SRC 말,

741
00:36:28,260 --> 00:36:29,590
어떤 소스를 의미합니다.

742
00:36:29,590 --> 00:36:30,630
그리고 그 URL입니다.

743
00:36:30,630 --> 00:36:32,700
>> 그래서 여기에 우리가 있다고 말할 수 있습니다
jQuery를 포함.

744
00:36:32,700 --> 00:36:34,290
그리고 우리는 또한 스크립트를 포함 시켰습니다.

745
00:36:34,290 --> 00:36:40,630
자바 스크립트를 포함하는 다른 방법은
당신은 인라인 스크립트를 포함 할 수

746
00:36:40,630 --> 00:36:44,600
우리는 아래에이 태그로 어디에
스크립트 형식이 텍스트 자바 스크립트를 말합니다.

747
00:36:44,600 --> 00:36:46,960
>> 그래서 우리는 우리가있어, 듣고, 말하고있는
스크립트를 포함하는 약.

748
00:36:46,960 --> 00:36:51,890
그리고 스크립트의 유형입니다
텍스트의 유형입니다 자바 스크립트,.

749
00:36:51,890 --> 00:36:52,550
매우 간단합니다.

750
00:36:52,550 --> 00:36:56,490
>> 마이크 리조 : 그래서이, 종류, 가져옵니다
우리가 포함하는 방법에 대한 질문

751
00:36:56,490 --> 00:37:02,340
우리의 파일에 자바 스크립트로 인해 때 우리
PHP는, 우리는이 같은 일을했다.

752
00:37:02,340 --> 00:37:07,570
그리고, 우리의 PHP 함수를 가지고 -
이제 주식이 할 말을하자

753
00:37:07,570 --> 00:37:09,150
그 뭔가 -

754
00:37:09,150 --> 00:37:10,490
거기에 간다.

755
00:37:10,490 --> 00:37:13,860
그러나 지금 우리는 스크립트 태그가
우리는 실제로 어떤에게, 그것을 줄 것을

756
00:37:13,860 --> 00:37:19,470
HTML 자체의 일부가 아니기 때문에
그것과 같은 HTML 파일 인 날조

757
00:37:19,470 --> 00:37:25,070
PHP에 실제로 갈 경우 때문에
그리고 페이지의 소스를 보면,

758
00:37:25,070 --> 00:37:28,430
거기에 이러한 스크립트 태그를 볼 수 있습니다
자바 스크립트와 관련된으로

759
00:37:28,430 --> 00:37:29,800
점에서 그들.

760
00:37:29,800 --> 00:37:31,760
>> 우리는 싶었 그럼, 경우
일부 자바 스크립트를 작성 -

761
00:37:31,760 --> 00:37:37,110
그냥 우리가 본문을 변경하고자한다면 다음과
지금 내가 가지고 있지 않기 때문에

762
00:37:37,110 --> 00:37:40,020
난 정말 할 수있는 다른 태그
본체 외에 편집 할 수 있습니다.

763
00:37:40,020 --> 00:37:42,450
그냥 내가 원한 가정 해 봅시다
그의 CSS를 변경합니다.

764
00:37:42,450 --> 00:37:46,190
그래서 우리는 가서 바꿀 것이다
빨간색으로 그것의 색상.

765
00:37:46,190 --> 00:37:47,380
>> 그래서 파일을 저장합니다.

766
00:37:47,380 --> 00:37:52,700
이제 다시 우리의 웹 페이지로 이동하자, 새로 고침,
그것은 자동으로 수행

767
00:37:52,700 --> 00:37:55,920
이 기다렸다처럼 보일하지 않았기 때문에
우리가 듣고되지 않은 모든 때문에

768
00:37:55,920 --> 00:37:59,450
이벤트 나처럼 아무것도.

769
00:37:59,450 --> 00:38:02,800
>> 토마스 REIMERS : 그래서 우리는 다시 이동하는 경우
특히 파일 - HTML보기

770
00:38:02,800 --> 00:38:04,710
파일 - 당신이 가고있는 무슨
보는 것은 우리가 있습니다 -

771
00:38:04,710 --> 00:38:06,810
이로드되었는지 기억
정렬 날짜순으로.

772
00:38:06,810 --> 00:38:09,910
그래서 우리는 먼저 머리를해야합니다.
그것은 그 두 개의 파일을로드합니다.

773
00:38:09,910 --> 00:38:10,800
그 다음 우리는 몸으로 이동합니다.

774
00:38:10,800 --> 00:38:11,640
그리고 우리는 헬로 세계를 참조하십시오.

775
00:38:11,640 --> 00:38:13,030
그래서 우리는 헬로 세계를 렌더링합니다.

776
00:38:13,030 --> 00:38:15,240
>> 그리고 우리가 마지막 일
우리는 스크립트 태그가 있습니다.

777
00:38:15,240 --> 00:38:20,880
이 때문에 그래서 스크립트 태그를 실행
무엇을 기다리는를 이야기하지.

778
00:38:20,880 --> 00:38:24,700
그리고 그 가장 기본적인의
자바 스크립트를 실행하는 방법입니다.

779
00:38:24,700 --> 00:38:29,200
>> 그렇게 말한다면, 당신은 스크립트를 넣을 수 있습니다
헤더에 태그를 그냥

780
00:38:29,200 --> 00:38:31,240
이 점을 보여?

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

782
00:38:34,450 --> 00:38:35,700
그리고 그 실행합니다.

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

784
00:38:38,880 --> 00:38:41,070
우리는 알거야 그것이
색상을 변경하지 않았다.

785
00:38:41,070 --> 00:38:44,210
그리고 이것은의 문제 중 하나입니다
자바 스크립트는 일이로드 있다는 것입니다

786
00:38:44,210 --> 00:38:45,930
시간 순서.

787
00:38:45,930 --> 00:38:49,750
>> 그래서 시간에 해당하는 코드
실행되고, 우리는 선택 -

788
00:38:49,750 --> 00:38:52,530
돌아가서 -

789
00:38:52,530 --> 00:38:53,670
body 태그.

790
00:38:53,670 --> 00:38:57,560
body 태그는 아직 존재하지 않기 때문에
자바 스크립트는 HTML과 일치합니다.

791
00:38:57,560 --> 00:39:01,790
따라서 브라우저가 선택의 몸과 같습니다.

792
00:39:01,790 --> 00:39:02,760
아직 그런 일이 없다.

793
00:39:02,760 --> 00:39:03,600
그래서 우리는 그것을 무시할 수 있습니다.

794
00:39:03,600 --> 00:39:05,330
그리고 우리는 계속.

795
00:39:05,330 --> 00:39:07,200
>> 그리고 우리 몸의 태그를 정의합니다.

796
00:39:07,200 --> 00:39:09,670
그러나이 업데이트 없구요.

797
00:39:09,670 --> 00:39:12,560
그래서 당신은 스크립트를 실행 할 때
태그, 당신이 곳으로 만들기

798
00:39:12,560 --> 00:39:15,502
body 태그 후.

799
00:39:15,502 --> 00:39:16,820
다음 슬라이드.

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

801
00:39:17,830 --> 00:39:19,330
그래서 우리는 뭔가를 변경했습니다.

802
00:39:19,330 --> 00:39:21,910
이 답변을 같이하지만 보이지 않았다
우리의 모든 그냥 가지 때문에

803
00:39:21,910 --> 00:39:24,150
즉시 페이지를로드로했다.

804
00:39:24,150 --> 00:39:27,700
그래서 지금, 대신이 일을 왜
우리는 이벤트 처리기를 추가하지 않습니다.

805
00:39:27,700 --> 00:39:31,020
>> 그래서 뭔가를 해 보자
몸에 다시.

806
00:39:31,020 --> 00:39:33,490
그리고 이제 우리가 그것을 할 가정 해 봅시다 -

807
00:39:33,490 --> 00:39:34,500
을 클릭합니다.

808
00:39:34,500 --> 00:39:35,750
우리는 기능을 추가합니다.

809
00:39:35,750 --> 00:39:38,270

810
00:39:38,270 --> 00:39:39,690
>> 토마스 REIMERS :하자 변경
그것은 다시 빨간색으로 색상입니다.

811
00:39:39,690 --> 00:39:40,000
왜?

812
00:39:40,000 --> 00:39:41,680
>> MIKE RIZZO : 그래,하자 변경
다시 빨간색의 '색.

813
00:39:41,680 --> 00:39:46,310

814
00:39:46,310 --> 00:39:46,900
괜찮아요.

815
00:39:46,900 --> 00:39:48,480
그래서 페이지를 다시로드 할 수 있습니다.

816
00:39:48,480 --> 00:39:49,530
OK, 우리는 참조 -

817
00:39:49,530 --> 00:39:52,290
예상대로, 아직 빨간색으로하지 않습니다.

818
00:39:52,290 --> 00:39:53,610
하지만 우리는 계속 진행을 클릭 할 수 있습니다.

819
00:39:53,610 --> 00:39:54,270
>> 토마스 REIMERS : 그리고 빨간색으로 않습니다.

820
00:39:54,270 --> 00:39:56,090
>> MIKE RIZZO : 그리고 그것은 않습니다
예상대로 빨간색으로 바뀝니다.

821
00:39:56,090 --> 00:39:59,010
>> 토마스 REIMERS : 그리고 우리는 어떻게 볼 수 있습니다
우리는 아주 기본적인 구축을 시작할 수 있습니다

822
00:39:59,010 --> 00:40:00,170
상호 작용.

823
00:40:00,170 --> 00:40:03,850
우리가 할 수있는 다른 일들이 있습니다
우리는 몸을하지 않으려면

824
00:40:03,850 --> 00:40:07,230
붉은 색의가 HTML을 만들어 보자
배경의 붉은 색.

825
00:40:07,230 --> 00:40:08,480
너무 동일한 CSS입니다.

826
00:40:08,480 --> 00:40:19,960

827
00:40:19,960 --> 00:40:23,320
>> 그리고 우리가 그것을 변경할 때, 우리는이를 볼 수 있습니다
변화의 매우 극적인 효과

828
00:40:23,320 --> 00:40:25,510
전체 페이지.

829
00:40:25,510 --> 00:40:29,100
그래서 다시, 당신이 일을 실행하는 경우,
당신은 하나의 구성 요소를 가질 수 있습니다

830
00:40:29,100 --> 00:40:30,150
, 클릭되도록되어있다.

831
00:40:30,150 --> 00:40:32,710
의는 종료 버튼을 말합시다
전체 기타 구성 요소,

832
00:40:32,710 --> 00:40:33,830
응답하는 것을 의미한다.

833
00:40:33,830 --> 00:40:35,755
그래서 당신은 창을 제거합니다
그 일이 발생합니다.

834
00:40:35,755 --> 00:40:39,341

835
00:40:39,341 --> 00:40:40,700
>> MIKE RIZZO : OK.

836
00:40:40,700 --> 00:40:42,200
그냥 예를 들어 -

837
00:40:42,200 --> 00:40:44,400
당신이 이전 버전을 볼하지 않았다 -

838
00:40:44,400 --> 00:40:47,500
난 그냥 모습을 보여 드리겠습니다
우리가 뭔가를 숨길 때처럼.

839
00:40:47,500 --> 00:40:52,220
그래서 앞서 갈거야, 그리고 움직 않습니다.

840
00:40:52,220 --> 00:40:54,440
>> 토마스 REIMERS :에 그 포장을 원하십니까
우리가 그렇게 할 단락 형식 앞에?

841
00:40:54,440 --> 00:40:55,132
>> MIKE RIZZO : OK.

842
00:40:55,132 --> 00:40:59,135
그래, 왜 우리는하지 않는 것이 너무
우리는 좀 더 선택할 수 있습니다.

843
00:40:59,135 --> 00:41:00,490
>> 토마스 REIMERS : 그리고하자
그것을 클래스를 제공합니다.

844
00:41:00,490 --> 00:41:01,740
>> MIKE RIZZO : 네.

845
00:41:01,740 --> 00:41:06,575

846
00:41:06,575 --> 00:41:09,920
좋아, 그럼 보자.

847
00:41:09,920 --> 00:41:14,820
대신에 실제 몸을 선택
지금, 난 그냥 함께 모든 것을 선택합니다

848
00:41:14,820 --> 00:41:18,780
클래스 안녕하세요,하는 여기에 우리가
한 가지가있다.

849
00:41:18,780 --> 00:41:20,900
그래서 우리는 필요가 없습니다
걱정.

850
00:41:20,900 --> 00:41:23,080
>> 그래서 새로 고칠 수 있습니다.

851
00:41:23,080 --> 00:41:24,230
내가 가서 클릭합니다.

852
00:41:24,230 --> 00:41:27,890
그리고, 종류의, 이상한 슬라이드에게 한
그 보이지 않았다 위로 것,

853
00:41:27,890 --> 00:41:29,580
매력.

854
00:41:29,580 --> 00:41:31,060
일반적으로, 그들은 꽤 좋은 보이나요.

855
00:41:31,060 --> 00:41:32,720
일부 - 나는이 생각
이유 -하지 않았다.

856
00:41:32,720 --> 00:41:36,640
난 그냥 그렇게 페이드를 할 것이다
당신도 그 볼 수 있습니다.

857
00:41:36,640 --> 00:41:38,100
훨씬 좋네요.

858
00:41:38,100 --> 00:41:41,150
>> 그리고, 내가 자바 스크립트를 열면
다시 콘솔과 우리가보고 싶은

859
00:41:41,150 --> 00:41:43,900
우리가 그것을 안으로 사라질 때처럼 보이는

860
00:41:43,900 --> 00:41:46,920
지금, 난 그냥 그것에 페이드 호출합니다.

861
00:41:46,920 --> 00:41:48,830
그리고 높은 페이드

862
00:41:48,830 --> 00:41:56,150
>> 마찬가지로, 우리는 또한 실제로 전달할 수
인수 페이드 인 또는 페이드 아웃,

863
00:41:56,150 --> 00:41:57,640
, 어떤 종류의, 그것의 속도.

864
00:41:57,640 --> 00:42:02,220
그래서 앞서 가자 우리가 할 말
그것은 천천히 이동하면 페이드 인

865
00:42:02,220 --> 00:42:04,250
그래서 난 아직도 보였다 같아요
꽤 빠른.

866
00:42:04,250 --> 00:42:06,180
하지만 이전보다 느렸다.

867
00:42:06,180 --> 00:42:10,340
>> 토마스 REIMERS : 그리고 당신이 찾으려면
이러한 것들에 대한 더 많은, 다시,

868
00:42:10,340 --> 00:42:13,410
다만, jQuery를 문서로 이동
우리는 당신을 제공하고, 읽은하는

869
00:42:13,410 --> 00:42:13,735
이를 통해.

870
00:42:13,735 --> 00:42:15,790
그들은 그들의 기능을 문서화
믿을 수 없을만큼 잘.

871
00:42:15,790 --> 00:42:18,622

872
00:42:18,622 --> 00:42:19,570
>> MIKE RIZZO : OK.

873
00:42:19,570 --> 00:42:21,560
그래서 나는 이제 다시이 가자 같아요.

874
00:42:21,560 --> 00:42:23,490
그리고 우리는 우리의 마지막 페이지에 대해 이야기 할 수 있습니다.

875
00:42:23,490 --> 00:42:24,690
음, 우리는 부트 스트랩으로 완료 할 수 있습니다.

876
00:42:24,690 --> 00:42:27,140
그리고 우리는 그것을 열 수 있습니다
몇 가지 질문에 대한.

877
00:42:27,140 --> 00:42:30,180
그리고 너희들은 어떤 아이디어가있는 경우에 그
당신이 던져 및 확인을 시도하고 싶습니다

878
00:42:30,180 --> 00:42:34,150
우리는 그들을 구현할 수있는 경우
빠르게 자바 스크립트.

879
00:42:34,150 --> 00:42:37,890
>> 그래서 정말 빨리 부트 스트랩에 대한, 어떤
자동으로 포함 된

880
00:42:37,890 --> 00:42:41,700
CSS 폴더에 설정 한 마지막 문제
실제로에 연결하여

881
00:42:41,700 --> 00:42:43,190
header.PHP.

882
00:42:43,190 --> 00:42:46,740
그래서 당신은 클래스를 추가 한 수있는
여기에 부트 스트랩에 정의되어있다.

883
00:42:46,740 --> 00:42:50,490
그리고 그것은 자동으로 스타일을 것이다
따라서 그 것.

884
00:42:50,490 --> 00:42:54,550
>> 토마스 REIMERS : 그래서 부트 스트랩은 매우입니다
사람들이 개발 한 마법의 것

885
00:42:54,550 --> 00:42:55,340
트위터에서.

886
00:42:55,340 --> 00:42:57,230
그리고 무엇을 할 운명 인 것은이었다 -

887
00:42:57,230 --> 00:43:00,740
웹 사이트를 만들기 위해 정말 열심히되기 전에
우리가 가진, 특히 예뻐요

888
00:43:00,740 --> 00:43:02,200
공통 구성 요소의 많은.

889
00:43:02,200 --> 00:43:04,770
그래서에 버튼이 많이
웹은 동일 보았다.

890
00:43:04,770 --> 00:43:08,960
>> 텍스트 필드의 많은으로 할 수있다
표준 텍스트보다 더 잘

891
00:43:08,960 --> 00:43:13,620
필드 당신은 아마 정말 알고
이전 웹 사이트 또는 정말 가난했다

892
00:43:13,620 --> 00:43:18,210
그냥 문자처럼 보이는 웹 사이트,
텍스트의 형태없이 텍스트 상자

893
00:43:18,210 --> 00:43:21,190
그림자 또는 좋은 윤곽의 어떤 종류.

894
00:43:21,190 --> 00:43:24,540
그래서 부트 스트랩이 한 것은, 잘 말했다이었다
우리는 많은 공통의 스타일이 있습니다.

895
00:43:24,540 --> 00:43:28,210
왜 우리는 CSS의 하나의 공통 집합을하지
와 같은 자바 스크립트의 공통 집합

896
00:43:28,210 --> 00:43:32,210
하고있는뿐만 아니라 어떤을 유행에 따라 디자인 할 수있다
사람들 드롭과 같은 것들을 제공 할 수 있습니다

897
00:43:32,210 --> 00:43:34,610
메뉴 아래로하는 사람들에게 제공 할 수 있습니다
조동사 같은 것들.

898
00:43:34,610 --> 00:43:38,580
>> 모달 페이지에 나올 것입니다
이것은 엄밀있어마다

899
00:43:38,580 --> 00:43:41,090
더 억제 무엇인가,
때까지 상호 작용

900
00:43:41,090 --> 00:43:43,110
그것과 상호 작용할 수 있습니다.

901
00:43:43,110 --> 00:43:45,820
다음과 같이, 당신은 확신한다
당신은이 일을 삭제 하시겠습니까?

902
00:43:45,820 --> 00:43:49,100
당신은 정말 아무 것도 할 수 없습니다
당신은 예 또는 아니오라고 할 때까지.

903
00:43:49,100 --> 00:43:52,720
>> 그것은이 모든 것을 가져다가 그것을 포장
함께 말했다, 우리가 간다.

904
00:43:52,720 --> 00:43:54,630
사람들은 지금 사용할 수 있습니다.

905
00:43:54,630 --> 00:43:56,830
그리고 당신은 그것을 통해 찾을 수 있습니다
getbootstrap.com에서.

906
00:43:56,830 --> 00:44:00,480
자동에 포함 된
마지막 문제는 설정.

907
00:44:00,480 --> 00:44:04,160
그리고 당신은에 오신 것을 환영합니다 이상입니다
최종 프로젝트에 사용하십시오.

908
00:44:04,160 --> 00:44:06,950
그리고 당신은 그것을 따르십시오
부트 스트랩을 얻기 위해 링크.

909
00:44:06,950 --> 00:44:10,590

910
00:44:10,590 --> 00:44:15,700
>> 당신이 여기에서 보는 것입니다
CSS 사이트를 부트 스트랩.

911
00:44:15,700 --> 00:44:16,860
당신은 부트 스트랩을 볼 수 있습니다.

912
00:44:16,860 --> 00:44:20,450
당신이 아래로 스크롤하면, 당신은 볼 것이다
그것을 다운로드하는 방법, 방법

913
00:44:20,450 --> 00:44:21,900
설치, 등등.

914
00:44:21,900 --> 00:44:24,700
>> MIKE RIZZO : 그리고 당신도 할 수있다
흥미롭게도에 맞게 사용자 정의

915
00:44:24,700 --> 00:44:27,770
테마의 어떤 종류의 수
당신이 원하는 것을.

916
00:44:27,770 --> 00:44:31,270
나는 그것이 내가 한 일을 알고 내
내가 클래스를했다 최종 프로젝트

917
00:44:31,270 --> 00:44:32,050
그것을 정의했다.

918
00:44:32,050 --> 00:44:34,540
부트 스트랩의 다른 버전이
다른 색 구성표를했고,

919
00:44:34,540 --> 00:44:36,700
몇 가지의 다른 모양
여러 가지.

920
00:44:36,700 --> 00:44:38,250
그래서 나는 그와 함께 플레이하는 것이 좋습니다.

921
00:44:38,250 --> 00:44:39,440
그것은 할 재미있어.

922
00:44:39,440 --> 00:44:43,230
>> 토마스 REIMERS : 상단에 상대
다시, 그것은 폰트 매우 유사

923
00:44:43,230 --> 00:44:44,970
굉장한 사이트입니다.

924
00:44:44,970 --> 00:44:47,810
문서의 많은이 시작됩니다
당신이했을 때와 유사한 것 같다합니다

925
00:44:47,810 --> 00:44:48,940
그것은 충분히 볼.

926
00:44:48,940 --> 00:44:51,260
그래서 여기에 우리는 CSS를
이것의 구성 요소입니다.

927
00:44:51,260 --> 00:44:53,540
그리고 당신은 볼 것이다 어떻게
물건을 유행에 따라 디자인 할 수있다.

928
00:44:53,540 --> 00:44:56,780
당신이 테이블에 클릭이 경우, 예를 들어,
당신은 즉시 할 수 있습니다

929
00:44:56,780 --> 00:45:01,710
테이블 꽤 간단하게 추가하여
그것에 클래스 테이블.

930
00:45:01,710 --> 00:45:03,150
>> 버튼의 같은 것들.

931
00:45:03,150 --> 00:45:12,140
당신은 단순히 클래스 BTN 및 BTN를 추가하는 경우
기본 또는 BTN 차, 당신은 할 수

932
00:45:12,140 --> 00:45:16,240
이 버튼 중 하나를 얻을 수
이러한 미리 만들어진 스타일.

933
00:45:16,240 --> 00:45:18,570
그리고, 당신은 찾고 있다면
단순히보다 복잡 할

934
00:45:18,570 --> 00:45:24,100
W는 이미 이상에, 무엇을 다시 스타일에 맞추는 것
맨 우리를 통해 자바 스크립트 탭

935
00:45:24,100 --> 00:45:25,120
구성 요소의 무리가있다.

936
00:45:25,120 --> 00:45:30,410
>> 그래서 여기에 우리는 전환, 조동사가,
드롭 다운, 탭, 도구 설명.

937
00:45:30,410 --> 00:45:35,530
도구 설명은 아래에 팝업 것입니다
마우스 당신이 뭔가에 마우스를 가져 가면.

938
00:45:35,530 --> 00:45:40,280
Popovers, 경고, 버튼, 축소
아코디언은 무엇인지

939
00:45:40,280 --> 00:45:41,190
그들은 보통이라고하고 있습니다.

940
00:45:41,190 --> 00:45:43,045
회전 목마, 어떤 플립
같은 이미지를.

941
00:45:43,045 --> 00:45:52,190

942
00:45:52,190 --> 00:45:54,840
>> 그래서 그것들은 성분이다
부트 스트랩의.

943
00:45:54,840 --> 00:45:57,620
나는 당신을 격려 할 것
매우 그들을 쳐다보고 이동합니다.

944
00:45:57,620 --> 00:46:01,780
자바 스크립트 구성 요소가있다
와 CSS의 구성 요소입니다.

945
00:46:01,780 --> 00:46:03,880
당신이 가만히로 사용하시기 바랍니다.

946
00:46:03,880 --> 00:46:06,730
우리는 그들에 너무 많이 이동하지 않을거야
우리는 문서를 느끼기 때문에

947
00:46:06,730 --> 00:46:09,360
정말 잘 이루어집니다.

948
00:46:09,360 --> 00:46:10,540
그리고 그래.

949
00:46:10,540 --> 00:46:14,500
당신이 그것에 대해 질문이 있습니까?

950
00:46:14,500 --> 00:46:19,430
>> 정말 빠르다 그래서 같이 MIKE RIZZO
면,이 웹 페이지의 디자인이

951
00:46:19,430 --> 00:46:21,830
우리는 신속 함께 넣어
이 프레젠테이션은

952
00:46:21,830 --> 00:46:24,290
실제로 부트 스트랩을 사용하여 수행.

953
00:46:24,290 --> 00:46:27,810
당신이 볼 수 있듯이, 우리는이 클릭 할 때
다른 탭은, 우리가 실제로 무슨 상관이야

954
00:46:27,810 --> 00:46:30,750
이 현재 index.html 페이지를 떠나.

955
00:46:30,750 --> 00:46:36,400
그래서 우리가 가지고있는 것은 다른 div에있다
이 index.html을 내.

956
00:46:36,400 --> 00:46:39,610
그리고, 우리는 다른를 클릭 할 때마다
탭, 단지 변화하고

957
00:46:39,610 --> 00:46:41,590
어느 하나의 전시.

958
00:46:41,590 --> 00:46:47,390
>> 그래서 그에 따라 그들을 배치
페이지의 HTML을 변경되도록

959
00:46:47,390 --> 00:46:52,330
현재 탭이 활성 상태로 표시되어,
그것은 다르게 외모가 나타납니다

960
00:46:52,330 --> 00:46:52,820
정말 좋은.

961
00:46:52,820 --> 00:46:57,260
>> 토마스 REIMERS : 그래서 모두 이루어졌다
우리는 거의 모든 CSS를 작성하지 않고.

962
00:46:57,260 --> 00:47:01,440
우리는 또한 상단에 헤더를 참조
어떤 색상이 우리가 있습니다.

963
00:47:01,440 --> 00:47:04,800
그러나 실제는에 넣기
페이지의 상단과 만들기

964
00:47:04,800 --> 00:47:06,660
그것은 스크롤 부트 스트랩했다.

965
00:47:06,660 --> 00:47:09,720
그리고 심지어는 다른 라이브러리 -이
우리가 이야기 하​​나를 제외하고 하나가 아닌 경우

966
00:47:09,720 --> 00:47:11,580
당신이 원한다면 당신이 구글에서 할 수 있습니다.

967
00:47:11,580 --> 00:47:15,130
이것은 prettify.js이라고합니다.

968
00:47:15,130 --> 00:47:20,650
그리고 그것은 당신의 코드를 강조 구문합니다
당신은 CSS와 자바 스크립트를 모두 사용하십시오.

969
00:47:20,650 --> 00:47:23,480

970
00:47:23,480 --> 00:47:27,070
>> 우리가 이야기하고 싶은 마지막 것은
우리로 당신을 해제하기 전에

971
00:47:27,070 --> 00:47:30,620
알아 내기 위해 도서관에서 보는 세계
사용 방법과에, 희망,

972
00:47:30,620 --> 00:47:34,640
문서를 읽고 무엇을 당신을 찾을 수
필요 라이브러리를 찾는 방법입니다.

973
00:47:34,640 --> 00:47:37,000
그래서 첫 번째는 우리가 그저입니다
구글을 밀어 것.

974
00:47:37,000 --> 00:47:37,810
구글로 이동합니다.

975
00:47:37,810 --> 00:47:41,150
>> 그것은 우리가 무엇을 말 그대로 때 우리
뭔가를해야 할 우리 구글이다.

976
00:47:41,150 --> 00:47:44,730
자바 스크립트 라이브러리가 있다는 것을
나 시간을 조작 할 수 있습니다

977
00:47:44,730 --> 00:47:45,400
유용한 방법?

978
00:47:45,400 --> 00:47:49,510
나는 알 수 있도록하면 그 생성 일부 사용자
여기 계정, 이것은이다

979
00:47:49,510 --> 00:47:53,010
현재 시간, 어떻게 계산할 수 있습니다
하지 않고 그과의 차이

980
00:47:53,010 --> 00:47:55,020
그것을 자신을 계산?

981
00:47:55,020 --> 00:47:59,630
따라서이 사실은 일반적인 것입니다,
자바 스크립트 시간 라이브러리.

982
00:47:59,630 --> 00:48:02,440
그리고 여기에 우리 Moment.js--
가장 인기있는 하나.

983
00:48:02,440 --> 00:48:06,530
>> 우리는 조작하는 라이브러리를 필요로하는 경우
색깔은 할 수 같은

984
00:48:06,530 --> 00:48:08,650
임의의 색상의 무리를 생성 -

985
00:48:08,650 --> 00:48:10,660
아마도를 생성하는
스타일이나 뭔가 -

986
00:48:10,660 --> 00:48:13,480
우리는 뭔가를 구글로 수
자바 스크립트 색상 라이브러리.

987
00:48:13,480 --> 00:48:15,620
그리고 우리가 갑자기 거라고 확신 해요
천 그 중 하나.

988
00:48:15,620 --> 00:48:18,290

989
00:48:18,290 --> 00:48:21,410
당신은 그들을 통해 읽을 환영.

990
00:48:21,410 --> 00:48:24,610
>> 그래서 대부분의 것들 - 당신이 그들을 찾을 때 -
가는이 중 하나에 호스팅 할 수

991
00:48:24,610 --> 00:48:25,920
사이트에있는 호스트 코드.

992
00:48:25,920 --> 00:48:26,960
그들은있어 몇 가지 인기있는 것들입니다.

993
00:48:26,960 --> 00:48:30,870
로, 가장 인기있는
까지 github.com입니다.

994
00:48:30,870 --> 00:48:35,300
당신은 GitHub에로 이동하는 경우에 실제로의
표준화는 호스팅 된 곳.

995
00:48:35,300 --> 00:48:36,950
그래서 다시 한번 더 가고 싶어합니다.

996
00:48:36,950 --> 00:48:38,135
그들에게 그것을 보여줍니다.

997
00:48:38,135 --> 00:48:40,516
>> MIKE RIZZO : 그리고 실제로 어디
당신이주의 한 경우에이는 너무 호스팅됩니다.

998
00:48:40,516 --> 00:48:41,000
>> 토마스 REIMERS : 네.

999
00:48:41,000 --> 00:48:49,078
그래서 당신은 정상화에 가면
그리고 GitHub의로 이동합니다.

1000
00:48:49,078 --> 00:48:51,936
즉 있었입니까?

1001
00:48:51,936 --> 00:48:54,620
>> MIKE RIZZO : 그 작은 고양이 일
GitHub의 상징입니다.

1002
00:48:54,620 --> 00:48:56,330
>> 토마스 REIMERS : 아.

1003
00:48:56,330 --> 00:49:02,180
그래서 GitHub의이라는 방법을 사용하여
매장 코드 힘내.

1004
00:49:02,180 --> 00:49:05,150
당신은 그 또는 모르는된다
그것은 그 괜찮아요, 당신을 놀라게.

1005
00:49:05,150 --> 00:49:16,100
당신은 망할 놈이 무엇인지 알 필요가 없습니다
GitHub의는 다운로드 버튼을 가지고 있기 때문에

1006
00:49:16,100 --> 00:49:17,200
오른쪽 아래에.

1007
00:49:17,200 --> 00:49:21,350
>> 알 수있는 다른 유용한 것
GitHub의 대부분의 제품이다

1008
00:49:21,350 --> 00:49:23,200
저를 읽을 수있을 것이다.

1009
00:49:23,200 --> 00:49:25,400
그리고 그들은 웹 사이트가없는 경우,
내가 어떻게 당신에 대해 이야기를 읽어

1010
00:49:25,400 --> 00:49:28,310
무엇, 당신이 그것을 사용하는 방법, 설치
하지, 등등, 등등, 등등.

1011
00:49:28,310 --> 00:49:31,033
우리가 기본적으로 봤는데
당신을 통해 산책.

1012
00:49:31,033 --> 00:49:32,326
>> MIKE RIZZO : 인터넷의 끝내기.

1013
00:49:32,326 --> 00:49:34,020
>> 토마스 REIMERS : 그건 괜찮아요.

1014
00:49:34,020 --> 00:49:36,980
우리가 원하는 마지막 두 가지
에 대해 이야기 -

1015
00:49:36,980 --> 00:49:38,750
우리는 망할 놈에 대해 이야기했습니다 -

1016
00:49:38,750 --> 00:49:40,290
문제 해결입니다.

1017
00:49:40,290 --> 00:49:43,020
그리고이 하나도 관련이 없습니다
그대로 최종 제품

1018
00:49:43,020 --> 00:49:44,870
당신은 50을 떠날 때.

1019
00:49:44,870 --> 00:49:48,310
그리고 당신은 제품에 실행할 때
라이브러리를 구현하거나 구현

1020
00:49:48,310 --> 00:49:50,230
자신의 프로젝트, 당신은거야
질문이 있거나 당신이있어합니다

1021
00:49:50,230 --> 00:49:51,660
질문에 대해 살펴 보겠습니다.

1022
00:49:51,660 --> 00:49:53,060
>> 또, 구글 그것.

1023
00:49:53,060 --> 00:49:54,630
즉, 말 그대로 우리가하는 일입니다.

1024
00:49:54,630 --> 00:49:56,400
이 바보 같은 소리 것입니다.

1025
00:49:56,400 --> 00:49:58,310
하지만 말 그대로, 우리는 구글 그것.

1026
00:49:58,310 --> 00:50:01,810
그리고 또, 최초의 것들 중 하나
당신은 일반적으로 실행하겠습니다

1027
00:50:01,810 --> 00:50:06,550
멋진 stackoverflow.com,
질문과 답변 광경.

1028
00:50:06,550 --> 00:50:10,530
>> 그것은 훌륭한 모두 당신이 할 수 있기 때문에의
질문을 게시하고를 찾습니다

1029
00:50:10,530 --> 00:50:12,760
답변뿐만 아니라, 때문에
이미 많이 가지고

1030
00:50:12,760 --> 00:50:14,590
이 컨텐츠를 미리 채워집니다.

1031
00:50:14,590 --> 00:50:18,510
그래서 일반적으로 당신은 프로그래밍되면 Google
제 안에 질문

1032
00:50:18,510 --> 00:50:22,620
부부는 이미 실행 한 수 안타
문제 세트 동안 그것으로.

1033
00:50:22,620 --> 00:50:27,840
>> 그리고, 마지막으로 정말 간단한 일이
오늘 우리가했습니다 -입니다 JSFIDDLE입니다

1034
00:50:27,840 --> 00:50:32,110
함께 많은 일을하고
자바 스크립트를 HTML CSS.

1035
00:50:32,110 --> 00:50:39,820
JSFIDDLE는 웹 응용 프로그램입니다, 이는 기본적으로
당신이 당신의 HTML을하실 수 있습니다

1036
00:50:39,820 --> 00:50:42,820
자바 스크립트 아래쪽, 왼쪽 및
당신의 CSS 오른쪽 상단.

1037
00:50:42,820 --> 00:50:47,840
그리고, 그것은 빠른 렌더링을 만들 수 있습니다
그것과는 상호 작용하는 방법을 참조하십시오.

1038
00:50:47,840 --> 00:50:50,500
사람들이하려고 할 때 매우 유용합니다
같은 개념 증명을 할

1039
00:50:50,500 --> 00:50:52,910
이 방법 당신은 것
드롭 다운 메뉴를 수행합니다.

1040
00:50:52,910 --> 00:50:54,980
아마 빠른 폭로 또는 무엇이든.

1041
00:50:54,980 --> 00:50:56,560
>> MIKE RIZZO : 그래서 가자
앞서이를 클릭합니다.

1042
00:50:56,560 --> 00:50:57,820
빠른 주 -

1043
00:50:57,820 --> 00:51:00,430
우리가되기 전에, 반면에
클릭을하고.

1044
00:51:00,430 --> 00:51:04,380
JCorey 한국도 내장이 밝혀
클릭 이벤트 처리기에서 그것이

1045
00:51:04,380 --> 00:51:07,020
당신이있어 수치해서 사용
많은 것들을 할 것

1046
00:51:07,020 --> 00:51:08,410
당신이 뭔가를 클릭 할 때.

1047
00:51:08,410 --> 00:51:09,690
>> 이와 유사하게, 그것도 가져가 있습니다.

1048
00:51:09,690 --> 00:51:12,850
그러나 전체 범위를 얻을 수
사람들은, jQuery를보고

1049
00:51:12,850 --> 00:51:15,320
문서 및 해.

1050
00:51:15,320 --> 00:51:18,760
여기 멍청한 짓을했다.

1051
00:51:18,760 --> 00:51:21,490
>> 토마스 REIMERS : 그래서 정말 빨리가
여기 프로그램 밝히는

1052
00:51:21,490 --> 00:51:22,640
클릭 버튼을 누릅니다.

1053
00:51:22,640 --> 00:51:23,890
그 다음 우리는 루프를해야합니다.

1054
00:51:23,890 --> 00:51:26,810
내가 미만 404의 경우.

1055
00:51:26,810 --> 00:51:29,530
그냥 팝업 것
이러한 경고 메시지.

1056
00:51:29,530 --> 00:51:33,425
>> MIKE RIZZO : 그리고 무슨 일 인데요
코드 (404)는 HTML에 대한 서?

1057
00:51:33,425 --> 00:51:34,145
기억하는 사람이 있나요?

1058
00:51:34,145 --> 00:51:35,450
바로 찾을 수 없습니다.

1059
00:51:35,450 --> 00:51:38,640

1060
00:51:38,640 --> 00:51:40,885
크롬은 또한이 깔끔한 추가
일이 어디에 당신이 할 수있는 -

1061
00:51:40,885 --> 00:51:43,430
>> 토마스 REIMERS : 사람들이 좋아하기 때문에
마이크이 많이 일을 시작하고

1062
00:51:43,430 --> 00:51:47,230
수 성가신 사용자,
당신이 정보를 볼 수 있습니다.

1063
00:51:47,230 --> 00:51:48,286
>> MIKE RIZZO : 네.

1064
00:51:48,286 --> 00:51:50,690
>> 토마스 REIMERS : 우리는 어떤 질문이 있으십니까
이것에 대해, 자바 스크립트에 대한

1065
00:51:50,690 --> 00:51:53,420
도서관, 도서관을 찾는, 또는
어떤 웹 개발 외모

1066
00:51:53,420 --> 00:51:55,400
현실 세계에서와 같은?

1067
00:51:55,400 --> 00:51:56,880
우리는 시간에 대한 최대 실행하고 있습니다.

1068
00:51:56,880 --> 00:52:00,400
그래서 나는 우리가가는 확실하지 않다
구현하는 시간을 가지고

1069
00:52:00,400 --> 00:52:02,290
정말 빠른 않는 한.

1070
00:52:02,290 --> 00:52:04,580
우리는 좋은가요?

1071
00:52:04,580 --> 00:52:08,110
>> MIKE RIZZO : 아무것도 너희들이 좋아
같은, 정말 빠른 볼 두 가지

1072
00:52:08,110 --> 00:52:09,556
분 이하?

1073
00:52:09,556 --> 00:52:10,870
>> 토마스 REIMERS : 아무것도
우리는 명확히 할 수 있습니까?

1074
00:52:10,870 --> 00:52:12,500
어떻게 쓸 -

1075
00:52:12,500 --> 00:52:13,260
>> 청중 : [들리지?

1076
00:52:13,260 --> 00:52:16,070
>> MIKE RIZZO : 네, 그래서 도대체 -

1077
00:52:16,070 --> 00:52:18,065
>> 토마스 REIMERS : 당신은 그냥 칠 수
웹 사이트에 제어-U.

1078
00:52:18,065 --> 00:52:19,275
>> MIKE RIZZO : 아, 난 몰랐어.

1079
00:52:19,275 --> 00:52:22,290
>> 토마스 REIMERS : 예, 제가 생각합니다.

1080
00:52:22,290 --> 00:52:23,300
제어-U. 그래.

1081
00:52:23,300 --> 00:52:25,970
>> MIKE RIZZO : 아, 그래서의
웹 사이트에 대한 코드입니다.

1082
00:52:25,970 --> 00:52:29,580
그러나 당신은 실제로 다운로드 할 경우에 우리의
파일과 모든, 그것은 호스팅

1083
00:52:29,580 --> 00:52:32,650
github.com에

1084
00:52:32,650 --> 00:52:34,850
>> 토마스 REIMERS : 내 이름을 슬래시 -

1085
00:52:34,850 --> 00:52:38,504
토마스 라이 머스 - 슬래시
CS50 하이픈 세미나.

1086
00:52:38,504 --> 00:52:40,710
>> MIKE RIZZO : 그리고 당신은 할 수
이 모든 것을 찾을 수 있습니다.

1087
00:52:40,710 --> 00:52:42,310
>> 토마스 REIMERS이 무엇 GitHub의입니다
그런데, 같은 보인다.

1088
00:52:42,310 --> 00:52:44,910
그래서 다시, 당신은 오픈 소스를 볼 때
프로젝트는 통상적으로, 이들은 판독 될 것이다

1089
00:52:44,910 --> 00:52:45,950
당신이 읽을 수있다 나.

1090
00:52:45,950 --> 00:52:50,200
당신이 돌아 간다면, 당신은 알 수 있습니다 그
당신이 다운로드 우편을 가지고있는 것

1091
00:52:50,200 --> 00:52:52,130
소스를 다운로드 할 수 있습니다
포함하는 코드

1092
00:52:52,130 --> 00:52:53,666
자신의 일에있는 제품.

1093
00:52:53,666 --> 00:52:56,890
>> MIKE RIZZO : 네, 그리고 만약 우리가 그냥 클릭
정말 빠르게 index.html 파일에 -

1094
00:52:56,890 --> 00:52:59,180
>> 토마스 REIMERS : 당신은 여기에서 볼 수의
우리의 웹 사이트의 소스 코드입니다.

1095
00:52:59,180 --> 00:53:02,016

1096
00:53:02,016 --> 00:53:06,070
>> 마이크 리조 : 또한, 오른쪽 밀어 잊었다
큰 테이블 전에 그것을

1097
00:53:06,070 --> 00:53:09,860
포함되어 있지만 테이블도 있습니다
우리가 포함 chmods의

1098
00:53:09,860 --> 00:53:13,210
당신의 지혜 로움에 대해.

1099
00:53:13,210 --> 00:53:16,940
그러나 우리는 모든 방법을 아래로 이동하면,
아래, 우리는 실제로 매우하지 않았다

1100
00:53:16,940 --> 00:53:21,160
자바 스크립트와 많은
모든이와 물건.

1101
00:53:21,160 --> 00:53:26,610
그것은 모두에서 독점적으로의
우리가 가진 것을 다른.

1102
00:53:26,610 --> 00:53:28,730
>> 와 주셔서 너희들을 감사
듣기.

1103
00:53:28,730 --> 00:53:29,830
우리는 이것이 정말 도움이되었습니다 바랍니다.

1104
00:53:29,830 --> 00:53:33,020
당신은 관련된 모든 자바 스크립트가있는 경우
질문이나 단지에 대해 얘기하고 싶어

1105
00:53:33,020 --> 00:53:36,240
어떤 다른 멋진 것들과 같은 다른 어떤
당신이 자바 스크립트로 할 수있는, 우리는 싶지만

1106
00:53:36,240 --> 00:53:37,186
당신과 얘기하고.

1107
00:53:37,186 --> 00:53:40,010
>> 토마스 REIMERS : 당신은 질문이있는 경우
프로젝트에 대한 경우 나이 될 수 있습니다

1108
00:53:40,010 --> 00:53:42,740
관련, 우리는 아마있을께요
이 후 조금.

1109
00:53:42,740 --> 00:53:44,640
하지만 그 이외의,이
좋은 주말.

1110
00:53:44,640 --> 00:53:45,845
>> 마이크 리조 : 그래, 즐길 수 있습니다.

1111
00:53:45,845 --> 00:53:46,120
너희들을 참조하십시오.

1112
00:53:46,120 --> 00:53:47,370
>> 토마스 REIMERS : 안녕.

1113
00:53:47,370 --> 00:53:47,926