1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
데이비드 J. 마란 : 좋습니다.

3
00:00:01,210 --> 00:00:02,160
우리는 다시 수 있습니다.

4
00:00:02,160 --> 00:00:05,810
그래서, 마지막 세션의 목표
몇 개념을 소개하는 것입니다

5
00:00:05,810 --> 00:00:09,290
뿐만 아니라 모든 사람들에게 기회를 제공
종류의 손가락을 스트레칭

6
00:00:09,290 --> 00:00:11,270
실제로 뭔가를
작은 손에.

7
00:00:11,270 --> 00:00:13,897
목표는하지 설정하는 것입니다
우리 모두 웹 개발자로

8
00:00:13,897 --> 00:00:16,230
어떤 방법하지만 정말 그냥으로
몇 가지의 맛을 제공합니다

9
00:00:16,230 --> 00:00:21,750
무엇의 기본 구조의
웹 프로그래밍 오늘 웹으로 간다

10
00:00:21,750 --> 00:00:23,980
개발, 너무
things--의 정적 측면

11
00:00:23,980 --> 00:00:26,660
아무 논리도없고, 프로그래밍
언어, 그냥 정적 콘텐츠.

12
00:00:26,660 --> 00:00:29,660
그리고 그것은 우리에게 기회를 제공 할 것입니다
실제로 웹 서버가 무엇인지 보려면,

13
00:00:29,660 --> 00:00:34,140
HTML 파일이 무엇인지, 무엇을보고 참조
그것은 HTTP 실제로까지 제공된다.

14
00:00:34,140 --> 00:00:38,600
그러나 우리는 어떤 회고전에서 다이빙을하기 전에
클라우드 컴퓨팅에 대한 질문

15
00:00:38,600 --> 00:00:43,922
보안 또는 사이에 아무것도 나?

16
00:00:43,922 --> 00:00:44,890
>> 아니?

17
00:00:44,890 --> 00:00:47,181
좋아, 잘하자
단지의 경우,이 작업을 수행

18
00:00:47,181 --> 00:00:49,680
가입 과정
뭔가 몇 분 정도 걸립니다.

19
00:00:49,680 --> 00:00:51,221
우리는 백그라운드에서 그것을 할 드리겠습니다.

20
00:00:51,221 --> 00:00:56,860
당신이 할 수있는 경우, 어서,
이 URL here-- c9.io.에

21
00:00:56,860 --> 00:01:02,810
이 타사이다 service--
서비스로서의 플랫폼, 당신이 will-- 경우

22
00:01:02,810 --> 00:01:05,190
그것은 당신을 초대하는 것입니다
계정에 가입하고,

23
00:01:05,190 --> 00:01:08,650
그리고 당신의 각을 줄 것
소위 클라우드 계정

24
00:01:08,650 --> 00:01:11,330
누군가 다른 사람의 인프라,
회사는 Cloud9을했다.

25
00:01:11,330 --> 00:01:13,350
그러나 대한 좋은거야
이것은 그들이 당신을 줄 것입니다

26
00:01:13,350 --> 00:01:15,990
의 근사치
실제 실제 개발

27
00:01:15,990 --> 00:01:18,530
환경,이기는에서
클라우드 및 웹 브라우저에서,

28
00:01:18,530 --> 00:01:21,175
우리는 실제로이를 사용합니다
오늘 약간의 실험.

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
그리고 가서 바로 이동
가입 절차에 당신의 방법

31
00:01:30,260 --> 00:01:32,630
만약 네가 가능하다면.

32
00:01:32,630 --> 00:01:36,080
그래서 우리는 클래스에서 이것을 사용하는 일이
나는 우리 학생들 모두에게 가르 칠

33
00:01:36,080 --> 00:01:39,140
캠퍼스에 지금 오프, 두
그것은 어떤 역사적으로 교체있어

34
00:01:39,140 --> 00:01:41,390
그렇지 않으면 다운로드 가능한 소프트웨어이었다.

35
00:01:41,390 --> 00:01:44,620
그래서 당신에 대한 액세스를 확보했다
이러한 가상 머신 중 하나입니다,

36
00:01:44,620 --> 00:01:46,460
기본적으로, 나는 앞에서 설명한 것이다.

37
00:01:46,460 --> 00:01:50,260
그래서이 회사 Cloud9 아마
실제로 제 party--에서 임대료

38
00:01:50,260 --> 00:01:52,760
이 경우, 전체 Google--
가상 머신의 무리

39
00:01:52,760 --> 00:01:56,500
그들은 어떻게 든들로 잘라 것을
개별 서버의 환상

40
00:01:56,500 --> 00:01:58,610
우리 각자 것을 완벽하게 제어 할 이상이 있습니다.

41
00:01:58,610 --> 00:02:01,640
이 말을 매우 정확 아니다
그들은 가상 머신 걸,

42
00:02:01,640 --> 00:02:04,550
하지만, 때문에 어떤
Cloud9 실제로 사용

43
00:02:04,550 --> 00:02:07,570
다소 새로운 기술입니다
컨테이너 수송했다.

44
00:02:07,570 --> 00:02:13,150
그리고 내가이 사진을 잡아 보자
여기에이 그림을 그릴 수 있습니다.

45
00:02:13,150 --> 00:02:16,540
>> 컨테이너는 경우입니다
당신은 사진을 리콜

46
00:02:16,540 --> 00:02:19,900
가벼운 이전, 약간의
가상 머신보다 무게.

47
00:02:19,900 --> 00:02:22,090
사실, 마지막 반면,
시간은 우리는 약이 이야기

48
00:02:22,090 --> 00:02:25,170
운영되는
시스템 및 하이퍼 바이저

49
00:02:25,170 --> 00:02:28,260
다음 게스트 운영 체제, 게스트
운영 체제, 게스트 운영

50
00:02:28,260 --> 00:02:30,940
상단에 시스템, 당신의
물리적 하드웨어,

51
00:02:30,940 --> 00:02:33,740
이 새로운와의 차이
기술, 컨테이너 수송,

52
00:02:33,740 --> 00:02:37,290
그들 모두가 어떻게 든 공유 할 것입니다
동일한 운영 시스템.

53
00:02:37,290 --> 00:02:39,970
그러나 그들은 여전히​​ 생성
모든 사람의 환상

54
00:02:39,970 --> 00:02:44,590
자신의 독점을 갖는
관리 권한 및 파일

55
00:02:44,590 --> 00:02:45,400
서버에서.

56
00:02:45,400 --> 00:02:48,230
그러나 적은 소프트웨어있다
당신과 하드웨어 사이.

57
00:02:48,230 --> 00:02:52,260
의 결과에서,
이론적으로, 더 높은 성능,

58
00:02:52,260 --> 00:02:55,470
당신이 사용하고 있기 때문에 나
적은 자원을 낭비

59
00:02:55,470 --> 00:02:57,360
그 소위 가상화 계층에.

60
00:02:57,360 --> 00:02:59,420
그래서이라고
본래 컨테이너 수송

61
00:02:59,420 --> 00:03:02,920
도커이라는 기술의 방법으로,
이는 매우 자신에오고있다.

62
00:03:02,920 --> 00:03:05,086
그리고 이것은 뭔가입니다
기업의 엔지니어

63
00:03:05,086 --> 00:03:08,610
가지 종류의 이야기를 시작 수 있습니다
에 대해 곧 그들은 이미하지 않은 경우,

64
00:03:08,610 --> 00:03:11,590
더 확실히 거기에 불구하고
이유는 bandwagons에 이동합니다.

65
00:03:11,590 --> 00:03:15,410
>> 그는 말했다와 그래서, 무엇을
당신은 아마 지금 참조

66
00:03:15,410 --> 00:03:22,670
이 같은 조금 보이는 화면입니다.

67
00:03:22,670 --> 00:03:23,170
승인.

68
00:03:23,170 --> 00:03:25,260
하지 않을 경우 그냥 저를 통해 호출합니다.

69
00:03:25,260 --> 00:03:27,440
그리고 그러니까 ...하면은 내가 아니더라도 와서 것이다.

70
00:03:27,440 --> 00:03:30,244
가서 그 큰를 클릭
플러스 작업 공간을 만들 수 있습니다,

71
00:03:30,244 --> 00:03:31,660
당신은이 같은 화면을 볼 수 있습니다.

72
00:03:31,660 --> 00:03:35,020
당신은 작업 영역을 호출 할 수 있습니다
당신이 지금 원하는 무엇이든 이름을 지정합니다.

73
00:03:35,020 --> 00:03:38,660
다만 실제로 편의를 위해,
잘 당신의 일부를 그리고 - 이동

74
00:03:38,660 --> 00:03:39,660
이미 작업 공간이 있습니다.

75
00:03:39,660 --> 00:03:47,050
당신이 사업을 원합니까 무엇을 호출
당신이 원하는 무엇이든 하버드, 목요일.

76
00:03:47,050 --> 00:03:48,800
당신은 설명이 필요하지 않습니다.

77
00:03:48,800 --> 00:03:52,380
당신은 개인두고 할 수 있습니다하지 않는 한
이미 작업 공간의 무리가 있습니다.

78
00:03:52,380 --> 00:03:55,280
당신이 그것을 공개하도록 강제하는 경우,
즉, 오늘날의 목적을 위해 괜찮아요.

79
00:03:55,280 --> 00:03:56,750
여기에, 역시 상향 판매 중 하나입니다.

80
00:03:56,750 --> 00:03:59,939
당신은 하나의 개인 작업 공간으로를 얻을 수
태만. 하지만 당신은 더 많은 것을 원하는 경우

81
00:03:59,939 --> 00:04:00,980
당신은 더 많은 비용을 지불해야합니다.

82
00:04:00,980 --> 00:04:02,870
그렇지 않으면, 그들은 당신을 강제로
작업을 공개합니다.

83
00:04:02,870 --> 00:04:05,600
하지만 그들이 있기 때문에 또한, 괜찮아요
오픈 소스 커뮤니티에서이 대상

84
00:04:05,600 --> 00:04:07,700
사람들을 격려하기
실제로 공동 작업을 수행 할 수 있습니다.

85
00:04:07,700 --> 00:04:10,699
>> 그리고 중요한 마지막 일,
당신이 이름을 선택 후, 비록입니다

86
00:04:10,699 --> 00:04:17,140
당신은 개인 또는 공용 선택 후,
HTML5, 큰 오렌지 아이콘을 클릭합니다

87
00:04:17,140 --> 00:04:22,430
왼쪽에서 두 번째, 그리고
다음 작업 공간 만들기를 클릭합니다.

88
00:04:22,430 --> 00:04:24,580
그리고 그것은 아마 것
또는 그렇게 분을

89
00:04:24,580 --> 00:04:26,540
하지만 당신은 다음을해야합니다
환경, 당신이 한 번

90
00:04:26,540 --> 00:04:30,544
연상 보이는, 그렇게
여기 지금 화면에 무엇을.

91
00:04:30,544 --> 00:04:33,210
하지만, 다시는 분 걸릴 수 있습니다
이상이 화면에 도착합니다

92
00:04:33,210 --> 00:04:34,770
당신이 클릭 한 후 작업 공간을 만듭니다.

93
00:04:34,770 --> 00:04:37,936
당신이 나를 원한다면하지만 그냥 날 이상 플래그
아무것도 또는 조언을 살펴합니다.

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
괜찮아.

96
00:04:40,690 --> 00:04:42,390
그래서 나는 지금이 배경에 갈거야.

97
00:04:42,390 --> 00:04:44,260
당신이 보이는 경우에 저를 통해 전화
기술적 인 어려움이있다.

98
00:04:44,260 --> 00:04:46,210
그러나 다시, 그것은 걸릴 수 있습니다
그 열기위한 약간.

99
00:04:46,210 --> 00:04:49,570
그리고 이제 가서 얘기하자 무엇을
실제로 웹 페이지를 만드는 수단

100
00:04:49,570 --> 00:04:52,780
어떤 HTML 것은, 어떻게이 모든
우리가 시작하는대로 지금 상호 연결

101
00:04:52,780 --> 00:04:54,730
실제로 기술의 일부를 사용합니다.

102
00:04:54,730 --> 00:04:58,310
그래서 내가 할 수있는 것으로 나타났다
여기에 내 작은 맥에 가서,

103
00:04:58,310 --> 00:05:01,650
라는 간단한 프로그램을 엽니 다
텍스트 편집기 또는 Windows에서 내가 할 수

104
00:05:01,650 --> 00:05:04,480
Notepad.exe를 호출 열린 뭔가.

105
00:05:04,480 --> 00:05:08,260
그리고 나는 단지 뭔가를 할 수
이 항아리 "안녕하세요, 세계."와 같은

106
00:05:08,260 --> 00:05:12,020
그리고 나는대로이를 절약 할 수
hello.txt 그래서 거기에 어떤 마법.

107
00:05:12,020 --> 00:05:15,200
이 웹 함께 할 수 없다
프로그래밍, HTML과는 아무.

108
00:05:15,200 --> 00:05:16,790
그냥 간단한 텍스트 파일을 생성.

109
00:05:16,790 --> 00:05:20,600
그러나 웹 밝혀
페이지는 문자 그대로 그 단지입니다.

110
00:05:20,600 --> 00:05:24,020
그것은 간단한 텍스트 파일에 포함 된 텍스트의
당신이 당신의 키보드로 입력 할 수 있음을,

111
00:05:24,020 --> 00:05:30,070
그러나 일반적으로 항상은 아니지만
.txt로하지만, .html 파일 또는 .HTM하지 만료됩니다.

112
00:05:30,070 --> 00:05:32,050
그리고 당신은하지 않습니다
파일의 단어를 입력합니다.

113
00:05:32,050 --> 00:05:35,280
당신은 실제로라는 것을 사용해야합니다
태그 또는,보다 일반적으로, 어떤

114
00:05:35,280 --> 00:05:37,190
마크 업 언어라고합니다.

115
00:05:37,190 --> 00:05:40,510
>> 그래서 매우 빠르게 입력 할거야
후 다음을 설명합니다.

116
00:05:40,510 --> 00:05:42,290
내가 처음에 갈거야
라고하는이 입력

117
00:05:42,290 --> 00:05:45,730
이봐, 브라우저, 여기에 오는
웹 페이지는 HTML로 작성된.

118
00:05:45,730 --> 00:05:51,850
그리고이 두 가지가 함께, 헤이, 말
브라우저는, 다음 HTML 참이다.

119
00:05:51,850 --> 00:05:55,790
이봐, 브라우저, 여기에 오는
머리 또는 내 페이지의 상단.

120
00:05:55,790 --> 00:05:59,900
의 상단이 봐, 브라우저, 내부
내 페이지, 안녕하세요 "하는 제목을 넣어

121
00:05:59,900 --> 00:06:01,610
세계."

122
00:06:01,610 --> 00:06:08,370
의 안녕, 브라우저, 후 머리를 내
페이지는, 여기 내 페이지의 본문 온다.

123
00:06:08,370 --> 00:06:12,170
그리고, 헤이, 브라우저의 신체 내
페이지는 "안녕하세요."라고한다

124
00:06:12,170 --> 00:06:15,500
그래서 두드러진 세부 사항은 여기에 무엇입니까?

125
00:06:15,500 --> 00:06:17,960
이것은 일반적으로 무슨이다
한 문서 형 선언라고,

126
00:06:17,960 --> 00:06:20,190
그리고, 솔직히, 그것은 약간의
이 처음에는 기억하기 어렵다.

127
00:06:20,190 --> 00:06:21,481
당신은 종류의 복사 - 붙여 넣기를.

128
00:06:21,481 --> 00:06:23,760
이 공식 방법
헤이, 말하는, 브라우저,

129
00:06:23,760 --> 00:06:28,030
나는 HTML 버전 5를 사용하고있는
다소 최근에 나왔다.

130
00:06:28,030 --> 00:06:31,380
그것은 몇 가지 그 마법의 주문이다
디자인의 빈약 한 감이있는 사람

131
00:06:31,380 --> 00:06:33,640
상기 넣어하기로 결정
파일의 맨.

132
00:06:33,640 --> 00:06:35,473
그것의 경우에도
작은 비밀은 그게 다야

133
00:06:35,473 --> 00:06:38,250
그것은 여기에, 헤이, 브라우저를 means--
HTML의 버전 5와 함께 제공됩니다.

134
00:06:38,250 --> 00:06:41,741
>> 이것의 나머지는 우리와 함께하고있다
이제 몇 시간 동안, 역사적으로,

135
00:06:41,741 --> 00:06:44,740
그러나 진화되고, 그리고 그것의
아마 조금 더 간단 받고있다.

136
00:06:44,740 --> 00:06:47,320
몇 가지 특성을 주목하라
내가 강조했습니다 무엇.

137
00:06:47,320 --> 00:06:49,890
각도에 이런 일있다
왼쪽 브래킷을 brackets--

138
00:06:49,890 --> 00:06:51,040
오른쪽 브래킷.

139
00:06:51,040 --> 00:06:52,490
그리고 여기 대칭을 알 수 있습니다.

140
00:06:52,490 --> 00:06:57,340
그리고 대칭으로, 난 그냥 같은 의미 I
여기이 시작 태그 또는 오픈 태그가

141
00:06:57,340 --> 00:07:01,560
당신이 경우, 여기까지 나는이
가까운 태그 또는의 종료 태그

142
00:07:01,560 --> 00:07:06,460
단지 한, 그것은이이 서로 다른
단어의 시작 부분에 슬래시

143
00:07:06,460 --> 00:07:07,360
HTML.

144
00:07:07,360 --> 00:07:09,360
그리고 당신은 생각할 수
이 내가 부담이었다로

145
00:07:09,360 --> 00:07:12,280
이봐, 전에 제안,
브라우저, 여기에 몇 가지 HTML 온다.

146
00:07:12,280 --> 00:07:16,060
그리고, 반대로, 헤이, 브라우저, 그건
이를 HTML-- 시작 및 종료합니다.

147
00:07:16,060 --> 00:07:18,440
>> 여기에 한편 헤이, 브라우저,
내 페이지의 머리를 온다.

148
00:07:18,440 --> 00:07:20,140
이봐, 브라우저, 즉 머리를 그것입니다.

149
00:07:20,140 --> 00:07:22,240
이봐, 브라우저, 여기
내 페이지의 본문.

150
00:07:22,240 --> 00:07:24,020
이봐, 브라우저, 즉 몸을 위해 그것을이다.

151
00:07:24,020 --> 00:07:26,940
그리고 내부에 그 일부
지금은 임의의 텍스트.

152
00:07:26,940 --> 00:07:30,520
그리고 머리의 내부 한편,
일부는 임의하지만 태그입니다

153
00:07:30,520 --> 00:07:34,410
그래서, 제목을 말한다 텍스트로 이야기하는
내 페이지의 "안녕하세요, 세계."한다

154
00:07:34,410 --> 00:07:37,470
자, 이제, 당신은 할 수
그 브라우저를 가정

155
00:07:37,470 --> 00:07:41,762
오히려, 웹 페이지가, only--하거나
두 개의 헤드와 본체를 파트로 나뉘는데.

156
00:07:41,762 --> 00:07:44,220
그리고 머리는 일반적으로
메뉴 바처럼, 물건

157
00:07:44,220 --> 00:07:45,510
정말 매우 상단에.

158
00:07:45,510 --> 00:07:48,910
그리고 몸이 페이지의 용기이며,
그 큰 사각형의 모든

159
00:07:48,910 --> 00:07:50,239
그 화면을 채 웁니다.

160
00:07:50,239 --> 00:07:51,780
그래서 내가 가서이 일을하려고 해요.

161
00:07:51,780 --> 00:07:54,400
내가 앞서 갈과
저장을 클릭, 저장 파일.

162
00:07:54,400 --> 00:07:58,580
그리고 저장거야
이 hello.html으로,

163
00:07:58,580 --> 00:08:00,870
난 그냥 갈거야
내 바탕 화면에 넣어.

164
00:08:00,870 --> 00:08:03,520
그리고 난 갈거야
앞서 저장을 클릭합니다.

165
00:08:03,520 --> 00:08:05,806
그리고 나의 맥을 notice--
적어도 내게 고함된다.

166
00:08:05,806 --> 00:08:07,180
이 작업을 수행 하시겠습니까?

167
00:08:07,180 --> 00:08:08,710
그리고 예, HTML을 사용, 말거야.

168
00:08:08,710 --> 00:08:10,400
나는이 경우에 더 잘 알고있다.

169
00:08:10,400 --> 00:08:14,686
그리고 지금은 내 바탕 화면에 갈거야
어디서 갑자기이 파일이 있습니다.

170
00:08:14,686 --> 00:08:16,060
그리고 나는 그것을 더블 클릭거야.

171
00:08:16,060 --> 00:08:18,268
그리고 당신에 의해, 그 알 수 있습니다
기본적으로 크롬 열었다.

172
00:08:18,268 --> 00:08:19,996
그건 때문이다
기본 브라우저.

173
00:08:19,996 --> 00:08:21,370
그리고 그것은 그냥 "안녕, 세계"라고 말한다.

174
00:08:21,370 --> 00:08:23,078
하지만, 안녕하세요 "라는
이 곳에서 세계 ".

175
00:08:23,078 --> 00:08:23,979
왼쪽 상단을 알 수 있습니다.

176
00:08:23,979 --> 00:08:25,020
그것을 놓칠 꽤 하드.

177
00:08:25,020 --> 00:08:26,180
그것은 크고 굵은입니다.

178
00:08:26,180 --> 00:08:30,690
어디 다른 것은이 보인다
"안녕, 세계"대답?

179
00:08:30,690 --> 00:08:31,470
>> 청중 : 탭.

180
00:08:31,470 --> 00:08:33,100
>> 데이비드 J. 마란 : 네, 탭 자체.

181
00:08:33,100 --> 00:08:35,159
그래서의 머리를 말할 때
페이지는 모두 최대 top--입니다

182
00:08:35,159 --> 00:08:36,367
실제로이 제목이다.

183
00:08:36,367 --> 00:08:37,710
그냥 여기 탭에 있습니다.

184
00:08:37,710 --> 00:08:40,320
그리고 나는이 탭을 뽑을 수
아웃 혼동하지 않도록.

185
00:08:40,320 --> 00:08:43,360
이것은, 지금은 단지 하나의 탭입니다
실제로 우리는 "안녕, 세계"를 참조하십시오

186
00:08:43,360 --> 00:08:45,970
여기까지와 "안녕하세요, 세계"여기까지.

187
00:08:45,970 --> 00:08:47,160
그래서 매우 간단합니다.

188
00:08:47,160 --> 00:08:49,050
그러나 그것은 또한 매우 간단합니다.

189
00:08:49,050 --> 00:08:50,440
그리고, 실제로, 나는 확대.

190
00:08:50,440 --> 00:08:53,272
난 그냥 글꼴 크기를 변경할 수 있습니다
접근성 확대합니다.

191
00:08:53,272 --> 00:08:56,830
그러나의 지금 뭔가를 할 수 있습니다
좀 더 흥미 롭군요.

192
00:08:56,830 --> 00:08:59,760
>> 나는 으악,하자를 나아갈거야
나를 내 텍스트 파일로 돌아가.

193
00:08:59,760 --> 00:09:02,400
나는 다시 갈거야 내
텍스트 파일, 나는거야

194
00:09:02,400 --> 00:09:06,320
이 변경과 대답
"안녕하세요, 디즈니 월드."

195
00:09:06,320 --> 00:09:07,970
구하다.

196
00:09:07,970 --> 00:09:10,919
그리고 다시 가서 내
브라우저가 새로 고침을 클릭합니다.

197
00:09:10,919 --> 00:09:12,710
그리고 지금, 물론, 그것을
"디즈니 월드."라고

198
00:09:12,710 --> 00:09:15,500
그리고 인위적으로 확대거야
너무에서 볼 수 쉽습니다.

199
00:09:15,500 --> 00:09:19,012
그래서 지금, 불행하게도, 나는 종류의 원하는
건 ... 사실, 그 맥 기능입니다.

200
00:09:19,012 --> 00:09:21,720
나는 디즈니 월드을 클릭합니다
및 disney.com 같은 곳으로 이동

201
00:09:21,720 --> 00:09:23,290
하지만이 작동하지 않습니다.

202
00:09:23,290 --> 00:09:26,850
따라서 웹의 기본 교리는
하이퍼 링크, 다른 곳으로 이동 링크.

203
00:09:26,850 --> 00:09:28,390
그래서 내가 어떻게 그렇게 할 수 있습니까?

204
00:09:28,390 --> 00:09:34,690
글쎄, 난 그냥 말할 수 있습니다,
"안녕하세요, http://www.disney.com."

205
00:09:34,690 --> 00:09:36,110
이 내용을 저장합니다.

206
00:09:36,110 --> 00:09:37,620
다시로드합니다.

207
00:09:37,620 --> 00:09:39,400
하지만이 역시 클릭 할 수 없습니다.

208
00:09:39,400 --> 00:09:42,930
그리고에도 불구하고, 여기에 좋은거야
이것은 아직 작동하지 않습니다

209
00:09:42,930 --> 00:09:45,930
이 보인다 있다는 것입니다
브라우저는 문자 그대로 만 수행

210
00:09:45,930 --> 00:09:46,950
내가 어떻게해야 그것을 말해.

211
00:09:46,950 --> 00:09:50,110
그래서 난 그냥이 같은 URL을 입력하면,
그냥 나에게 URL을 표시하는 것입니다.

212
00:09:50,110 --> 00:09:54,270
나는 태그 또는 마크 업을 사용할 필요가
언어는 실제로 말할 수 있습니다

213
00:09:54,270 --> 00:09:55,621
브라우저가 더 많은 작업을 수행합니다.

214
00:09:55,621 --> 00:09:57,870
그래서 앞서 갈거야 및
잠시이 삭제합니다.

215
00:09:57,870 --> 00:10:00,980
그리고, 헤이, 말거야
브라우저, 여기에 앵커를 시작,

216
00:10:00,980 --> 00:10:02,650
링크는 말하자면.

217
00:10:02,650 --> 00:10:07,500
그리고 하이퍼 참조 대상
그 앵커의,이 URL이어야합니다.

218
00:10:07,500 --> 00:10:08,750
그리고 내 시세를 알 수 있습니다.

219
00:10:08,750 --> 00:10:11,590
나도 작은 따옴표를 사용할 수 있습니다,
하지만 일관성이 있어야한다,

220
00:10:11,590 --> 00:10:14,270
나는 일반적으로 그냥 사용합니다
큰 따옴표는 간단하게합니다.

221
00:10:14,270 --> 00:10:16,820
내가 태그를 닫으려고 알 수 있습니다.

222
00:10:16,820 --> 00:10:21,160
그리고 여기에 내가 갈거야
"디즈니 월드를."대답

223
00:10:21,160 --> 00:10:26,890
그리고 지금은 일부 symmetry-- 필요
오픈 브라켓, / A, 브래킷을 마감했다.

224
00:10:26,890 --> 00:10:28,090
>> 그래서 내가 무엇을 도입?

225
00:10:28,090 --> 00:10:30,100
우리는 이미 몇 가지 태그를 가졌다.

226
00:10:30,100 --> 00:10:32,410
HTML, 머리, 제목, 본문,
모든 태그, 그래서, 말하자면

227
00:10:32,410 --> 00:10:34,280
개방과 폐쇄 대응과 함께.

228
00:10:34,280 --> 00:10:36,530
그러나주의, 이것은 일종의
의 근본적으로 다른.

229
00:10:36,530 --> 00:10:39,140
이것은 우리가 전화 할게 무엇인가
HTML의 속성.

230
00:10:39,140 --> 00:10:41,451
및 특성은
그냥 키 - 값 쌍.

231
00:10:41,451 --> 00:10:43,950
이것은 일반적인 것입니다
컴퓨터 science-- 키 - 값 쌍.

232
00:10:43,950 --> 00:10:45,770
그것은 무역의 도구의 일종이다.

233
00:10:45,770 --> 00:10:47,040
키와 값입니다.

234
00:10:47,040 --> 00:10:49,390
단어 다음 몇 가지
다른 단어 또는 단어.

235
00:10:49,390 --> 00:10:53,790
이 경우, 키는 HREF 인
그 값은 전체 URL이다.

236
00:10:53,790 --> 00:10:57,890
그리고 어떤 속성이하는 일은 그것입니다
태그의 동작에 영향을 미친다.

237
00:10:57,890 --> 00:11:01,010
이 경우, 우리는 영향 필요
앵커 태그의 동작

238
00:11:01,010 --> 00:11:04,140
우리는 고정해야하기 때문에
곳이 링크를 클릭하십시오.

239
00:11:04,140 --> 00:11:06,960
그리고 당신은 즉 어떻게
속성의 방법으로.

240
00:11:06,960 --> 00:11:08,970
>> 그래서 앞서 갈거야
지금 파일을 저장합니다.

241
00:11:08,970 --> 00:11:11,300
나의 브라우저를 다시로드로 이동합니다.

242
00:11:11,300 --> 00:11:14,580
그리고, 짜잔, 우리는 지금이
합법적 인 웹 페이지의 시작.

243
00:11:14,580 --> 00:11:18,420
- 슈퍼 간단하지만 내가 올려 놓으면 이상
왼쪽 하단에있는이 항아리 통지,

244
00:11:18,420 --> 00:11:19,830
그것은 슈퍼 작다.

245
00:11:19,830 --> 00:11:21,730
하지만 당신은 www.disney.com를 참조 할.

246
00:11:21,730 --> 00:11:27,076
그리고, 실제로이 그것을 클릭하면
멀리 disney.com에 저를 턴다.

247
00:11:27,076 --> 00:11:29,380
이제, 호기심 일
여기가 없다는 것이다

248
00:11:29,380 --> 00:11:33,940
상기 가장 시장성이 URL을 best--하지만,
이 파일이 없기 때문에 그 괜찮아요

249
00:11:33,940 --> 00:11:35,360
월드 와이드 웹에 존재합니다.

250
00:11:35,360 --> 00:11:39,740
그것은 분명히에서 로컬 파일로 존재
내 사용자 directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
존 Harvard-- / 데스크탑.

252
00:11:41,890 --> 00:11:42,634
그러나 그것은 URL이 있습니다.

253
00:11:42,634 --> 00:11:43,800
그냥 로컬로 발생합니다.

254
00:11:43,800 --> 00:11:47,050
불행하게도, 당신의 아무도 방문 할 수 없다
이,이 URL을 입력하면 때문에,

255
00:11:47,050 --> 00:11:49,980
당신이 당신의 브라우저를 말하는 거라고
라는 파일 hello.html을 찾습니다

256
00:11:49,980 --> 00:11:50,772
하드 드라이브에.

257
00:11:50,772 --> 00:11:53,271
그리고 물론, 당신은했습니다 않는
수동 따라 다음되고,

258
00:11:53,271 --> 00:11:54,530
존재하지 않을거야.

259
00:11:54,530 --> 00:11:55,190
>> 그래서 괜찮아요.

260
00:11:55,190 --> 00:11:57,815
우리는 아직도 궁극적 방법이 필요
웹에이 파일을 얻으려면,

261
00:11:57,815 --> 00:12:01,180
하지만 이제 몇 떨어져 애타게하자
의 보안 관련 우리 단지

262
00:12:01,180 --> 00:12:04,850
보고 이전에 다시 넥타이
이 아침부터 토론.

263
00:12:04,850 --> 00:12:08,200
그것은 밝혀하는 경우 그
브라우저는 그대로 단지 않습니다

264
00:12:08,200 --> 00:12:12,560
나는 어떻게 그것을 말해, 그것은 보이는
앵커 태그가있는 경우 일 수 있습니다

265
00:12:12,560 --> 00:12:17,380
의 값에 의해 영향
이 속성이라고 HREF

266
00:12:17,380 --> 00:12:20,810
하지만이 표시
텍스트,이 보인다

267
00:12:20,810 --> 00:12:26,520
내가 URL을 넣을 수 있다는 것을 의미합니다
두 곳 모두에서 다음 다시로드

268
00:12:26,520 --> 00:12:29,100
이제 URL을 확인하고 URL로 이동합니다.

269
00:12:29,100 --> 00:12:32,680
공지 사항, 나는 왼쪽 아래 위로 마우스를 이동하는 경우,
나는 참으로 disney.com 여전히거야.

270
00:12:32,680 --> 00:12:38,340
>> 당신이 이제까지 있었던 경우에 따라서
phished-- P-H-I-S-H-E-D--

271
00:12:38,340 --> 00:12:42,820
그 가짜 이메일 중 하나
페이팔 은행 등으로부터,

272
00:12:42,820 --> 00:12:46,470
당신은 아마 내부 링크를 쪘
당신이 것을 읽고있는 이메일

273
00:12:46,470 --> 00:12:49,970
당신은 확인을 이동하려면 여기를 클릭 알려줍니다
비밀번호 나 생년월일을 확인

274
00:12:49,970 --> 00:12:53,840
사회 또는 뭔가 사회적으로
당신을 설계하는 것은 공개합니다

275
00:12:53,840 --> 00:12:54,920
정보.

276
00:12:54,920 --> 00:12:57,625
글쎄, 난 종류의 걸릴 수 있습니다
내가 할 수 없었던이의 이점?

277
00:12:57,625 --> 00:13:01,240
내가 뭔가를 말할 수
같은 www.paypal.com.

278
00:13:01,240 --> 00:13:11,340
대신 disney.com의, I
badguy.com, 등으로 갈 수있다.

279
00:13:11,340 --> 00:13:12,850
다시로드합니다.

280
00:13:12,850 --> 00:13:16,620
그리고 그것은 속는하는 방법을 쉽게,
특히 비 기술적 리더

281
00:13:16,620 --> 00:13:20,649
또는이 대충 읽고
클릭하는 것보다 독자

282
00:13:20,649 --> 00:13:23,940
내가 그건 ...를 클릭하면이 같은 링크,
사실 badguy.com을 가고 싶지 않아.

283
00:13:23,940 --> 00:13:25,398
사실 거기 모르겠어요.

284
00:13:25,398 --> 00:13:30,080
그래서 paypal.com 예고이며,
이에 무슨 일이 말한다,

285
00:13:30,080 --> 00:13:33,210
그러나 물론, 나는 아래를 보면
슈퍼 낮은, 그것은 약간 흐린입니다

286
00:13:33,210 --> 00:13:34,230
하지만 badguy.com 말한다.

287
00:13:34,230 --> 00:13:38,644
즉, 만 지금 말씀입니다
것을 나는 잘못된 장소에 갈거야.

288
00:13:38,644 --> 00:13:41,560
내가 말했듯이 때 은행
정말 격려 기차 안

289
00:13:41,560 --> 00:13:44,510
클릭하면 링크에 사용자이
그것의 한 표현이다.

290
00:13:44,510 --> 00:13:45,430
그리고 그것은 간단입니다.

291
00:13:45,430 --> 00:13:48,120
당신은 상대의 경우 지금
당신이 뭔가를 할

292
00:13:48,120 --> 00:13:51,000
및 사용자를 속이려고
당신의 웹 사이트를 방문에.

293
00:13:51,000 --> 00:13:53,320
하지만 지금, 우리는 계속됩니다
물건 친절하고 깨끗한.

294
00:13:53,320 --> 00:13:55,640
우리는 앞서 갈거야
이러한 변화 되감기.

295
00:13:55,640 --> 00:13:56,530
페이지를 다시로드합니다.

296
00:13:56,530 --> 00:13:57,740
그리고 내가 다시 disney.com로 이동합니다.

297
00:13:57,740 --> 00:14:00,660
>> 우리가 애타게 할 수없는 경우 보자
이 떨어져 조금 더.

298
00:14:00,660 --> 00:14:04,160
"안녕하세요, 디즈니 월드."그래서

299
00:14:04,160 --> 00:14:05,950
나는 여기까지 말을하려고 해요.

300
00:14:05,950 --> 00:14:08,220
어쩌면 나는 약간의 공간을 만들기 위해거야.

301
00:14:08,220 --> 00:14:12,730
"우리는 당신이 당신의 여행을 즐기시기 바랍니다!"

302
00:14:12,730 --> 00:14:13,830
구하다.

303
00:14:13,830 --> 00:14:15,850
다시로드합니다.

304
00:14:15,850 --> 00:14:19,010
그 아니다 rea-- 아니에요
나는 권리를 의도?

305
00:14:19,010 --> 00:14:21,870
내 텍스트를 처리하고있어 경우 내 말은,
워드 프로세서와 같은 파일,

306
00:14:21,870 --> 00:14:24,894
당신은 무엇을 여기에 일어날 것이라고 기대 했는가?

307
00:14:24,894 --> 00:14:27,060
그래,이 느낌
여기에 줄 바꿈해야한다,

308
00:14:27,060 --> 00:14:28,799
그래서 어떤 방법으로 버그를 느낀다.

309
00:14:28,799 --> 00:14:31,090
하지만 실제로 고의적이다
이전처럼 때문에

310
00:14:31,090 --> 00:14:33,381
브라우저에만 것입니다
당신은 어떻게 그것을 알 수 있습니까 것.

311
00:14:33,381 --> 00:14:34,806
나는 선을 깰 그것을 말하지 않았다.

312
00:14:34,806 --> 00:14:37,930
난, 아래로 이동을했다 적이 없다
내가 그랬던 것처럼하지만, 직관적으로, 나는 생각합니다.

313
00:14:37,930 --> 00:14:39,805
그래서 우리가 필요로 밝혀
좀 더 마크 업,

314
00:14:39,805 --> 00:14:41,390
나는 다음과 같이이 문제를 해결하겠습니다.

315
00:14:41,390 --> 00:14:46,160
나는 안녕하세요 먼저 서문거야
단락 태그라고 것과.

316
00:14:46,160 --> 00:14:48,920
그리고 내가 가서거야
이 다른 문장을 포장

317
00:14:48,920 --> 00:14:54,370
다른 단락 태그에, 비록
그들은 슈퍼 짧은 단락입니다.

318
00:14:54,370 --> 00:14:55,930
지금은 저장거야.

319
00:14:55,930 --> 00:14:57,160
다시로드합니다.

320
00:14:57,160 --> 00:14:59,070
그리고 지금 우리는이
공간, 그리고 우리 종류의

321
00:14:59,070 --> 00:15:01,680
의 의미를 가지고
두 개의 단락.

322
00:15:01,680 --> 00:15:05,290
>> 즉, 모든 벌금과 좋은,하지만 것
이 페이지에 이미지를 추가하는 좋은,

323
00:15:05,290 --> 00:15:08,710
그래서 찾아 갈거야
Google 이미지에 미키 마우스.

324
00:15:08,710 --> 00:15:12,830
그리고 그냥 재미, 난
이 이미지를 잡아 것.

325
00:15:12,830 --> 00:15:15,350
내가 지금 가서거야 및
이 이미지의 URL을 잡아,

326
00:15:15,350 --> 00:15:16,510
다른이 비록
방법이 작업을 수행합니다.

327
00:15:16,510 --> 00:15:18,520
지금은 그냥 URL을 복사거야.

328
00:15:18,520 --> 00:15:24,770
내 텍스트로 돌아갈거야
파일은, 내가 여기 말할거야

329
00:15:24,770 --> 00:15:31,160
IMG SRC = 인용 인용을 끝내
그 URL, 슈퍼 긴.

330
00:15:31,160 --> 00:15:34,580
의 그리고 개념
이미지는 조금 다르다.

331
00:15:34,580 --> 00:15:38,640
시작의 어떤 개념은 정말 없습니다
화상 및 화상 결말

332
00:15:38,640 --> 00:15:40,630
시작처럼 종료 태그를 태그.

333
00:15:40,630 --> 00:15:43,840
그래서 조금 이상한 느낌
나 의미,이 작업을 수행하는

334
00:15:43,840 --> 00:15:45,390
근접 이미지 태그를해야합니다.

335
00:15:45,390 --> 00:15:46,780
그것은 잘못이 아니다.

336
00:15:46,780 --> 00:15:48,840
그것은 완벽하게 맞습니다
그것은 격려있어,

337
00:15:48,840 --> 00:15:50,870
하지만 속기 표기법이있다.

338
00:15:50,870 --> 00:15:53,780
난의 동시 종류의 수
열고 동일한 태그를 닫습니다,

339
00:15:53,780 --> 00:15:55,510
그 브라우저가 행복 할 것입니다.

340
00:15:55,510 --> 00:15:56,950
그래서 조금의
것들에 대한 더 간결

341
00:15:56,950 --> 00:15:59,408
개념적으로 정말하지 않는 것이
시작 및 종료하는 의미를.

342
00:15:59,408 --> 00:16:01,190
그들은 단지 거기에, 또는 그들이 아닙니다.

343
00:16:01,190 --> 00:16:06,020
>> 그래서 나는이 내용을 저장하고 갈거야
내 "안녕, 세계"페이지와 다시로드합니다.

344
00:16:06,020 --> 00:16:09,880
그리고, 조금 통제 불능의
그 이미지는 실제로 때문에

345
00:16:09,880 --> 00:16:12,210
큰 조금,하지만 괜찮아요.

346
00:16:12,210 --> 00:16:13,710
내가 프로그램에서 크기를 조정할 수 있습니다.

347
00:16:13,710 --> 00:16:14,900
아니면 어떤 것은 알고있다.

348
00:16:14,900 --> 00:16:17,350
그냥 난 입증하기
실제로 말을하려고

349
00:16:17,350 --> 00:16:21,760
이 물건의 폭이해야 그
200 픽셀, 200 점합니다.

350
00:16:21,760 --> 00:16:24,360
내가 가서 저장하자
하고 페이지 지금 다시로드하고,

351
00:16:24,360 --> 00:16:25,690
좀 더 합리적으로 보인다.

352
00:16:25,690 --> 00:16:27,260
하지만, 패턴 발견.

353
00:16:27,260 --> 00:16:30,030
글쎄, 난 종류의 가르친 모두
어떤 의미에서 HTML의 적어도

354
00:16:30,030 --> 00:16:33,531
개념적으로, 모든 HTML이기 때문이다
이러한 오픈 태그, 태그를 폐쇄 tags--

355
00:16:33,531 --> 00:16:35,280
것을 속성
자신의 행동을 수정합니다.

356
00:16:35,280 --> 00:16:38,380
그리고, 분명히, 모든
태그는 0 또는 1을 가질 수있다

357
00:16:38,380 --> 00:16:43,005
또는 2 이상의 속성마다
이는 않는 조금 다른 뭔가.

358
00:16:43,005 --> 00:16:44,380
지금, 당신은 어떻게 존재 무엇을 알 수 있습니까?

359
00:16:44,380 --> 00:16:46,800
당신은 사람을 듣고
존재 무엇을 말해처럼,

360
00:16:46,800 --> 00:16:50,860
또는 튜토리얼에 대한 주위에 당신은 구글
HTML에, 그것은 정말 간단합니다.

361
00:16:50,860 --> 00:16:54,030
>> 정말, 나는 학부 때이었다
년 전에하고, HTML을 배웠다

362
00:16:54,030 --> 00:16:56,530
내 수학 교육의 하나
조수는 소비

363
00:16:56,530 --> 00:16:59,600
나에게 과외 약간의 시간
추천 30 분, 한 시간,

364
00:16:59,600 --> 00:17:00,660
그리고, 나는 내 길이었다.

365
00:17:00,660 --> 00:17:03,300
내가 만드는쪽으로가는 길에 있었다
지금까지 가장 끔찍한 웹 사이트,

366
00:17:03,300 --> 00:17:05,549
이는 분명히, 내가하지 않은
정말 이상 진행.

367
00:17:05,549 --> 00:17:09,849
그러나 요점은, 당신 한 번
이 간단한 ideas--을 이해

368
00:17:09,849 --> 00:17:13,450
비밀 text--하지만이 간단한 경우
생각을 시작하는 아이디어

369
00:17:13,450 --> 00:17:15,960
그리고, 생각을 닫는 유지
모든 것이 잘, 균형

370
00:17:15,960 --> 00:17:19,150
최대 뭔가를 찾고 수정
해당 태그의 동작은, 그건 정말 전부

371
00:17:19,150 --> 00:17:20,079
거기에있다.

372
00:17:20,079 --> 00:17:28,140
그리고 사실, 우리는 지금에 가면
실제로 google.com-- 같은,

373
00:17:28,140 --> 00:17:31,920
의 좀 더 자리를 가자
reasonable-- stanford.edu.

374
00:17:31,920 --> 00:17:37,800
그리고,보기 갈거야
개발자, 소스보기.

375
00:17:37,800 --> 00:17:41,400
그것은 추한,하지만 notice--
나는 통지 확대됩니다

376
00:17:41,400 --> 00:17:43,432
이미 익숙한 몇 가지 물건.

377
00:17:43,432 --> 00:17:45,140
여기이 있습니다이야
이는 브라우저입니다.

378
00:17:45,140 --> 00:17:46,800
여기에 HTML5가 제공됩니다.

379
00:17:46,800 --> 00:17:47,634
HTML이있다.

380
00:17:47,634 --> 00:17:49,550
분명히, 거기에
내가하지 않았다 특성

381
00:17:49,550 --> 00:17:51,540
즉를 지정 사용
페이지의 언어,

382
00:17:51,540 --> 00:17:54,380
이 자동으로 도움이 될 수 있습니다
그런 번역 및 물건.

383
00:17:54,380 --> 00:17:55,546
다음 페이지의 선두입니다.

384
00:17:55,546 --> 00:17:57,790
여기에 스탠포드의 페이지의 제목입니다.

385
00:17:57,790 --> 00:17:59,832
내가하지 않았다 태그가 있습니다
yet-- 메타 태그에 대해 이야기.

386
00:17:59,832 --> 00:18:01,540
그냥 일종의이야
배경 정보.

387
00:18:01,540 --> 00:18:04,210
그것은 검색 엔진 최적화에 도움이, 또는
검색 엔진 최적화,

388
00:18:04,210 --> 00:18:06,320
또는 Google 검색 결과 등을들 수있다.

389
00:18:06,320 --> 00:18:09,029
우리가 찾고 유지하지만, 계속
찾고, 여기에 바디 태그입니다.

390
00:18:09,029 --> 00:18:11,570
그리고 기타의 다발있다
태그 우리는 아직 대해 이야기하지했습니다.

391
00:18:11,570 --> 00:18:13,750
그러나 사업부는 하나입니다
페이지의 분할.

392
00:18:13,750 --> 00:18:16,680
그것은 눈에 보이지 않는 사각형처럼
당신은 종류의 정신적를 원하는 경우

393
00:18:16,680 --> 00:18:20,160
로 페이지를 분할
온라인 다른 단위.

394
00:18:20,160 --> 00:18:22,650
div에의 그리고 많은 I
, 클래스라는 것을 볼 수

395
00:18:22,650 --> 00:18:24,440
그러나 우리는 다시 그에게 올 것이다.

396
00:18:24,440 --> 00:18:26,200
>> 이 interesting-- 양식입니다.

397
00:18:26,200 --> 00:18:27,730
양식은 모든 웹을 통해입니다.

398
00:18:27,730 --> 00:18:30,310
당신이있어 모든 검색 상자
지금까지 사용되는 형태입니다.

399
00:18:30,310 --> 00:18:31,490
그리고, 그래서, 실제로 보자.

400
00:18:31,490 --> 00:18:32,790
형태.

401
00:18:32,790 --> 00:18:33,910
동작.

402
00:18:33,910 --> 00:18:37,660
어떤이 양식의 행동,
역사적인 이유로, 그 URL입니다.

403
00:18:37,660 --> 00:18:38,840
방법은 "포스트"입니다.

404
00:18:38,840 --> 00:18:44,060
HTTP 요청이 사용할 수있는 것으로 나타났다
우리가 전에 보았던 것처럼 동사는, "얻을"

405
00:18:44,060 --> 00:18:45,070
또는 "게시 할 수 있습니다."

406
00:18:45,070 --> 00:18:47,030
그리고 차이를 볼 수 있습니다
순간이의.

407
00:18:47,030 --> 00:18:48,363
의 사실이 무엇인지 살펴 보자.

408
00:18:48,363 --> 00:18:49,830
나를 다시 스탠포드의 페이지로 돌아가 보자.

409
00:18:49,830 --> 00:18:53,330
그들은 어떤 형태를 이야기
대한, 당신은 생각 하는가?

410
00:18:53,330 --> 00:18:54,485
무엇이 당신을 밖으로 점프?

411
00:18:54,485 --> 00:18:54,970
>> 대상 : 검색 상자.

412
00:18:54,970 --> 00:18:55,845
>> 데이비드 J. 마란 : 그래.

413
00:18:55,845 --> 00:18:58,410
오른쪽 상단에 최대 그래서
여기 검색 상자입니다.

414
00:18:58,410 --> 00:19:02,441
그리고 그들이 그건 ... 구현 방법
말 그대로 오픈 브라켓 형태의 태그입니다.

415
00:19:02,441 --> 00:19:03,940
그리고 다음의 뭔가를 검색 할 수 있습니다.

416
00:19:03,940 --> 00:19:09,220
의이 대화 상대를 검색하자
mine-- "닉 Parlante."의

417
00:19:09,220 --> 00:19:11,380
들어가다.

418
00:19:11,380 --> 00:19:13,750
물론, 그것은에 갔다
약간 다른 URL.

419
00:19:13,750 --> 00:19:15,140
나를 여기로 가자.

420
00:19:15,140 --> 00:19:18,960
이제 검색하자 "과정."

421
00:19:18,960 --> 00:19:19,460
젠장.

422
00:19:19,460 --> 00:19:20,484
다른 URL에 갔다.

423
00:19:20,484 --> 00:19:23,400
그래서 스탠포드의 몇 가지 마술을 추가
그들은 URL에 저를 복용하지 않는 것이

424
00:19:23,400 --> 00:19:25,820
우리는에서 본 것을
작업이 때문이다.

425
00:19:25,820 --> 00:19:32,480
그러나 여기이 양식은 순수하게 구현된다
여기에이 마크 업의 방법으로,이 태그.

426
00:19:32,480 --> 00:19:35,710
사실, 여기에 대한 입력의
당신이 원하는 검색 유형.

427
00:19:35,710 --> 00:19:38,940
여기에 입력이다
검색의 또 다른 유형입니다.

428
00:19:38,940 --> 00:19:41,960
여기서 문자열 자체에 대한 입력이다.

429
00:19:41,960 --> 00:19:45,394
그리고 목표는 포장하지 않는 것입니다
이 태그의 모든 주위에 우리의 마음

430
00:19:45,394 --> 00:19:46,060
하지만 바로 볼 수 있습니다.

431
00:19:46,060 --> 00:19:48,300
그냥 열고 닫는 것
태그 찾고 것입니다.

432
00:19:48,300 --> 00:19:48,560
네?

433
00:19:48,560 --> 00:19:48,920
빅토리아?

434
00:19:48,920 --> 00:19:49,795
>> 청중 : [들리지]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
데이비드 J. 마란 : 좋은 질문입니다.

437
00:19:53,550 --> 00:19:54,660
즉 볼 수있는 약간 까다입니다.

438
00:19:54,660 --> 00:19:56,300
내가 그에게 돌아와 보자
단 몇 분의 질문

439
00:19:56,300 --> 00:19:59,000
우리가 무언가를 볼 때 호출
CSS 또는 CSS 스타일 시트,

440
00:19:59,000 --> 00:20:02,500
우리는 추론을 시도 할 수 있습니다
페이지에서 많은.

441
00:20:02,500 --> 00:20:08,090
그래서 우리는 지금 google.com에서 살펴 경우,
의 자신의 페이지가 어떻게 생겼는지 보자.

442
00:20:08,090 --> 00:20:09,840
당신은 오늘 귀여운 they're-- 것이다.

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
승인.

445
00:20:12,990 --> 00:20:13,690
모든 다.

446
00:20:13,690 --> 00:20:15,260
소스보기 너무 좋아.

447
00:20:15,260 --> 00:20:19,590
귀하는 Google이 생각
정말 좋은 소스 코드입니다.

448
00:20:19,590 --> 00:20:24,970
그래서, 분명히 무슨 일이 벌어지고?

449
00:20:24,970 --> 00:20:27,880
실제로, 이것은 심지어 HTML 아니다.

450
00:20:27,880 --> 00:20:30,930
이 자바 스크립트라는 무언가이다.

451
00:20:30,930 --> 00:20:32,344
그리고 이제 가서 계속하자.

452
00:20:32,344 --> 00:20:34,010
페이지가 시작되는 난 몰라.

453
00:20:34,010 --> 00:20:37,240
나는 명령을 사용하는거야
F, 오픈 브라켓 HTML.

454
00:20:37,240 --> 00:20:38,200
좋아, 거기이다.

455
00:20:38,200 --> 00:20:44,150
나는 페이지의 시작을 발견하고,
너무 많은 물건이 여기에있다.

456
00:20:44,150 --> 00:20:45,310
>> 실제로 무슨 일 이죠?

457
00:20:45,310 --> 00:20:47,460
글쎄, 당신은 무엇을 알고,
우리는 이것을 정리 할 수​​ 있습니다.

458
00:20:47,460 --> 00:20:52,109
나는 대신에가는 경우에이 검사
도구 모음이 특별한 진단 도구,

459
00:20:52,109 --> 00:20:54,150
네트워크 않도록 이동
오늘날 우리가 계속 경우,

460
00:20:54,150 --> 00:20:56,420
하지만 난 요소로 이동하는 경우,
정말로 좋다

461
00:20:56,420 --> 00:20:59,990
브라우저가 많이있다이다
나보다 훨씬 더 눈.

462
00:20:59,990 --> 00:21:02,670
그리고 브라우저에서 읽을 수 있습니다
웹 페이지의 혼란,

463
00:21:02,670 --> 00:21:04,700
그 HTML 메일 우리 단지
바라 보았다, 그것은 수

464
00:21:04,700 --> 00:21:08,340
구문 분석 또는 읽고
그것을 분석하고 포맷

465
00:21:08,340 --> 00:21:09,910
좋은 인간 친화적 인 방법입니다.

466
00:21:09,910 --> 00:21:11,740
그래서 지금보고하고있어
여기에이 화면에

467
00:21:11,740 --> 00:21:15,470
요소에서 동일한 콘텐츠,
하지만 그들은 모든 것을 들여 쓰기 한,

468
00:21:15,470 --> 00:21:18,140
그들은 그것을 색상 화,하지만 한
그것은 동일한 텍스트의

469
00:21:18,140 --> 00:21:19,620
나는 서버에서 다운로드있다.

470
00:21:19,620 --> 00:21:23,630
>> 그리고 지금의 좋은 것은 내가 볼 수 있습니다
몸에, instance-- 통지를 들면,

471
00:21:23,630 --> 00:21:26,480
페이지가 아직 구성되어있다
단지 머리와 몸,

472
00:21:26,480 --> 00:21:28,660
나는 계층 여기에서 다이빙을 할 수 있습니다.

473
00:21:28,660 --> 00:21:32,420
구글이 갖고있는 것 같아요 알 수 있습니다
이 일이 하나를 divs--합니다.

474
00:21:32,420 --> 00:21:33,310
나는 그것을 확장 할 수 있습니다.

475
00:21:33,310 --> 00:21:35,370
다른 div에의 전체 무리가있다.

476
00:21:35,370 --> 00:21:36,900
그래서 조금 복잡합니다.

477
00:21:36,900 --> 00:21:37,400
하지만 기다려.

478
00:21:37,400 --> 00:21:40,970
이것은 훨씬 더 보인다
읽을 수있는, 상대적으로, 이것보다.

479
00:21:40,970 --> 00:21:43,840
왜 구글은 당황
바로 전송하여 자체

480
00:21:43,840 --> 00:21:50,400
일부 코드의이 거대한 혼란
일종의 뭔가를 구현하는

481
00:21:50,400 --> 00:21:53,640
그 첫 번째 눈에 너무 간단 보인다?

482
00:21:53,640 --> 00:21:55,270
마찬가지로, 왜 그들은 더 많은 공간을 추가하지 마십시오?

483
00:21:55,270 --> 00:21:56,811
내가 그랬던 것처럼 그들은 왜 Enter 키를 누르하지 않았다?

484
00:21:56,811 --> 00:21:59,110
어떻게 보면 좋은 I이었다
웹 페이지를 쓰고.

485
00:21:59,110 --> 00:22:00,680
나는 그렇게 열심히 Enter 키를 누릅니다.

486
00:22:00,680 --> 00:22:03,760
난 그렇게 모든 것을 들여 쓰기
너무 예쁘고 읽을 수 있습니다.

487
00:22:03,760 --> 00:22:08,463
왜 구글은 동일하지 연습을합니까?

488
00:22:08,463 --> 00:22:11,409
>> 청중 : [들리지]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
데이비드 J. 마란 : 좋은.

491
00:22:13,180 --> 00:22:14,270
매우 공평한.

492
00:22:14,270 --> 00:22:16,650
그들은 어떤이 없습니다
구글에서 사람이 수동으로

493
00:22:16,650 --> 00:22:18,160
이상 홈페이지를 업데이트.

494
00:22:18,160 --> 00:22:20,010
그것은 더 이상 1999 아니다.

495
00:22:20,010 --> 00:22:21,140
그래서 그들은 소프트웨어가 있습니다.

496
00:22:21,140 --> 00:22:25,397
그들은 다른 도구를 가지고 그
동적들은 HTML있어 생성합니다.

497
00:22:25,397 --> 00:22:27,480
물론, 코드 자체
인간에 ​​의해 작성되었습니다,

498
00:22:27,480 --> 00:22:30,220
그러나 현실이다
그것은, 말을 아주 공평

499
00:22:30,220 --> 00:22:33,340
브라우저는 확실하지 않습니다
코드가 얼마나 지저분한 관심.

500
00:22:33,340 --> 00:22:35,940
하지만 훨씬 더있다
강력한 기술적 인 이유

501
00:22:35,940 --> 00:22:42,580
Google은 HTML을 배포하는 것이
이러한 실수 코드, 겉으로보기

502
00:22:42,580 --> 00:22:48,350
절대적인 방법은 모두 함께 포장
아주 작은 way-- 거의 함께

503
00:22:48,350 --> 00:22:51,274
내가했던 것처럼 서식의 방법이다.

504
00:22:51,274 --> 00:22:52,570
>> 청중 : [들리지]

505
00:22:52,570 --> 00:22:53,528
>> 데이비드 J. 마란 : 빠른?

506
00:22:53,528 --> 00:22:54,040
왜?

507
00:22:54,040 --> 00:22:55,680
그리고 당신은, 리디아 무엇을 말 했는가?

508
00:22:55,680 --> 00:22:56,240
빠른?

509
00:22:56,240 --> 00:22:57,281
왜 빨리?

510
00:22:57,281 --> 00:22:58,156
청중 : [들리지]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
데이비드 J. 마란 :있다
공백은 읽을 수 없습니다.

513
00:23:02,230 --> 00:23:02,730
네.

514
00:23:02,730 --> 00:23:04,560
그래서 공간이 무엇인지에 대해 생각합니다.

515
00:23:04,560 --> 00:23:08,394
그래서 키보드의 각 문자는 소요
공간의 일부 량을 나타내는데

516
00:23:08,394 --> 00:23:10,560
물리적으로, 그것과 같은
많은 공간이 있음을 차지,

517
00:23:10,560 --> 00:23:13,250
또는 어떻게 든 아래
후드, 즉 메모리가 필요합니다.

518
00:23:13,250 --> 00:23:15,740
같은 aside-- 우리는거야 그리고
이 tomorrow--에 대해 더 이야기

519
00:23:15,740 --> 00:23:19,930
키보드의 모든 문자
일반적으로 8 비트 또는 1 바이트가 필요합니다.

520
00:23:19,930 --> 00:23:23,360
그래서 8 제로의 패턴 또는
사람, 또는 단지 1 바이트, 우리와 같은

521
00:23:23,360 --> 00:23:24,720
인간은 일반적으로 말할 것입니다.

522
00:23:24,720 --> 00:23:27,690
그래서, 작고하지만,
여전히 비 - 제로이다.

523
00:23:27,690 --> 00:23:29,940
아직 공간의 일부 금액입니다.

524
00:23:29,940 --> 00:23:36,082
그래서 엔지니어 또는 Google 안타
스페이스 바를 단 한 번, 그리고 가정

525
00:23:36,082 --> 00:23:38,540
Google-- 그것의 슈퍼 popular--
그 억 명을 가정

526
00:23:38,540 --> 00:23:40,780
하루에 자신의 홈 페이지를 방문,
또는 사람의 일부 수

527
00:23:40,780 --> 00:23:43,290
홈 페이지 a를 방문
억 회,

528
00:23:43,290 --> 00:23:48,890
얼마나 많은 추가 바이트 것이있다
소프트웨어 엔지니어는 구글 비용

529
00:23:48,890 --> 00:23:51,310
한 번 자신의 공간이 줄을 쳐서?

530
00:23:51,310 --> 00:23:52,692
>> 청중 : [들리지]

531
00:23:52,692 --> 00:23:54,150
데이비드 J. 마란 : 아주 나쁜 것은 아닙니다.

532
00:23:54,150 --> 00:23:57,070
그냥 1 바이트 회 억.

533
00:23:57,070 --> 00:23:57,871
그래서 할까 ..

534
00:23:57,871 --> 00:23:59,120
청중 : 80억기가바이트.

535
00:23:59,120 --> 00:24:00,370
데이비드 J. 마란 : 없음 80 억.

536
00:24:00,370 --> 00:24:01,240
80 억 바이트.

537
00:24:01,240 --> 00:24:02,410
그러나 1기가바이트.

538
00:24:02,410 --> 00:24:04,080
1기가바이트은 측정 단위가 될 것입니다.

539
00:24:04,080 --> 00:24:08,240
그 또는 그녀가이 작업을 수행하는 경우
공간, 2기가바이트.

540
00:24:08,240 --> 00:24:09,030
세 기가 바이트.

541
00:24:09,030 --> 00:24:09,530
권리?

542
00:24:09,530 --> 00:24:11,860
그것은 비싸게 확장 할 수 있습니다.

543
00:24:11,860 --> 00:24:16,150
그리고 구글과 같은 경우에,
이는, 부여, 극단적 인 경우는,

544
00:24:16,150 --> 00:24:21,450
다만 발생하는 다른 문제가 있습니다
매우 합리적인 의사 결정을함으로써

545
00:24:21,450 --> 00:24:25,744
또는 아주 간단한 인간의 조치를 취할,
그것은이 확대 된 효과가 있기 때문이다.

546
00:24:25,744 --> 00:24:27,660
이유 중 하나 그래서
이 때문에 압축 보인다

547
00:24:27,660 --> 00:24:30,660
빅토리아는 그것이 said-- 그대로입니다
다만 어쨌든 컴퓨터에 의해 생성.

548
00:24:30,660 --> 00:24:31,900
그래서 더 큰 문제.

549
00:24:31,900 --> 00:24:33,309
브라우저가 그것을 알아낼 수 있습니다.

550
00:24:33,309 --> 00:24:35,350
그러나 그것은 또한 의도적으로
공간이 없습니다,

551
00:24:35,350 --> 00:24:36,766
공간이 필요하지 않기 때문에.

552
00:24:36,766 --> 00:24:38,250
그리고 공간은 실제로 돈을 비용.

553
00:24:38,250 --> 00:24:40,670
>> 그 중 하나는, 시간 비용
그냥 밀어하기 때문에

554
00:24:40,670 --> 00:24:44,670
중 훨씬 더 많은 데이터
google.com의 본사 단지

555
00:24:44,670 --> 00:24:47,710
어느 정도 걸릴 가지고있다
이 밀리 초를하더라도 시간,

556
00:24:47,710 --> 00:24:51,190
또는 마이크로,하지만까지 추가
많은 사용자를 통해, 또는 가능성,

557
00:24:51,190 --> 00:24:52,270
아마 돈을 비용.

558
00:24:52,270 --> 00:24:54,690
구글은 아마에 연결
세계, 하나에서 다른 사람

559
00:24:54,690 --> 00:24:56,398
이들의 피어링
점, 그리고 그들이 가지고있는 경우

560
00:24:56,398 --> 00:24:59,880
금융 관계의 일종
이에 데이터 돈을 비용,

561
00:24:59,880 --> 00:25:01,730
그들은뿐만 아니라 수도
데이터의 양을 최소화

562
00:25:01,730 --> 00:25:04,530
그들은 밖으로 침있어
자신의 인터넷 연결.

563
00:25:04,530 --> 00:25:07,630
>> 그래서 재미있는 것은, 그러나, 궁극적으로,
또는 어쩌면 안심 것,

564
00:25:07,630 --> 00:25:11,030
비록이 끔찍하게 보이는 것입니다
압도적 날 끝에

565
00:25:11,030 --> 00:25:16,750
그것은 여전히​​ 똑같은 원리이다
여기에 HTML이 매우 간단 페이지

566
00:25:16,750 --> 00:25:17,390
페이지.

567
00:25:17,390 --> 00:25:20,610
그래서 그냥 요약하고 할 수 있도록
당신이 아니었다면 정식 버전이

568
00:25:20,610 --> 00:25:25,900
여기, 여기에 선택에 따라 다음
웹 페이지의 가장 단순한 일 수도

569
00:25:25,900 --> 00:25:28,240
그래서 뭔가 아마도 이상에서 재생합니다.

570
00:25:28,240 --> 00:25:30,790
>> 음,이를 소개하자
지금 다른 아이디어의 커플.

571
00:25:30,790 --> 00:25:33,420
우리는 소개하려고합니다
뭔가 스타일 태그를했다.

572
00:25:33,420 --> 00:25:38,110
우리는이 페이지에 스타일을 할 수 있습니다
더 흥미로운 방법입니다.

573
00:25:38,110 --> 00:25:40,860
HTML 이메일 반면, 그래서
모든 약까지 표시된다

574
00:25:40,860 --> 00:25:44,470
데이터는 일종의로 지정
어떻게 데이터를 구조화하는 브라우저,

575
00:25:44,470 --> 00:25:48,110
어디에 넣어 그것을, CSS, 또는
CSS 스타일 시트,

576
00:25:48,110 --> 00:25:52,640
제 2 외국어는 그
일반적으로 HTML과 혼합 된 도착

577
00:25:52,640 --> 00:25:55,670
우리는 see-- 것이다 그러나 우리는 청소로
소요 moment--에서 그 최대

578
00:25:55,670 --> 00:25:59,850
그것은 최종 마일, 그리고 그것을 stylizes.

579
00:25:59,850 --> 00:26:02,460
그것은 색상이 바로 도착,
글꼴은 바로 크기

580
00:26:02,460 --> 00:26:03,860
위치 바로.

581
00:26:03,860 --> 00:26:06,510
그것은 미학에 대한 모든이야
또는,하지에 대한 포맷

582
00:26:06,510 --> 00:26:08,330
기본 데이터 자체.

583
00:26:08,330 --> 00:26:11,390
그리고 가장 쉬운 방법은 보여
이 예에서 아마도.

584
00:26:11,390 --> 00:26:15,320
그래서 내가 가서거야
내 간단한 텍스트 파일.

585
00:26:15,320 --> 00:26:17,970
단지 순간, 나는거야
과정을 통해 우리를 걸어

586
00:26:17,970 --> 00:26:19,360
이에게 자신을 일을.

587
00:26:19,360 --> 00:26:23,310
>> 내 파일로 돌아갈거야
여기에 그냥 페이지를 다시로드

588
00:26:23,310 --> 00:26:25,800
이 모양을 확인합니다.

589
00:26:25,800 --> 00:26:27,190
우리가 지금에있어 곳이다.

590
00:26:27,190 --> 00:26:31,170
아이들이 즐길 것 같은 느낌
이 웹 페이지에 어떤 색을 갖는.

591
00:26:31,170 --> 00:26:34,480
그래서 여기에 갈거야
페이지의 선두에.

592
00:26:34,480 --> 00:26:38,130
그리고 나는 스타일 / 스타일을거야.

593
00:26:38,130 --> 00:26:44,060
그리고이 안에, 내가 갈거야
내 page--의 몸을 말합니다

594
00:26:44,060 --> 00:26:46,870
이 서식에있다
언뜻 보면, 아마도 조금

595
00:26:46,870 --> 00:26:49,400
이상한하지만 기존의.

596
00:26:49,400 --> 00:26:55,010
나는 배경 말할거야
이 페이지의 색은 녹색이어야합니다.

597
00:26:55,010 --> 00:26:57,960
그리고 이것은 불행하게도이다
일종의없는 최고의 디자인.

598
00:26:57,960 --> 00:27:00,710
주의 그 이전에
HTML의 세계에서,

599
00:27:00,710 --> 00:27:03,190
내가 말한 속성이
이러한 키 - 값 쌍입니다.

600
00:27:03,190 --> 00:27:05,760
뭔가 견적을 동일
인용을 끝내 "뭔가."

601
00:27:05,760 --> 00:27:08,810
이었다 CSS의 세계에서,
일부 다른 사람에 의해 설계,

602
00:27:08,810 --> 00:27:11,020
그들은에서, 그 결정들이
세계, 키 - 값 쌍

603
00:27:11,020 --> 00:27:13,920
단어 대장 뭔가 될 것입니다.

604
00:27:13,920 --> 00:27:15,220
그래서하지만, 같은 생각입니다.

605
00:27:15,220 --> 00:27:18,620
이 값을 연관시키는 것
어떻게 든 몇 가지 중요한 그와

606
00:27:18,620 --> 00:27:20,330
이 페이지의 행동에 영향을 미친다.

607
00:27:20,330 --> 00:27:21,901
>> 그리고 당신은 아마 추측 할 수있다.

608
00:27:21,901 --> 00:27:24,150
이 아마 가고 무엇입니까
당신이 적이없는 경우에도해야 할 일

609
00:27:24,150 --> 00:27:27,867
전에 HTML이나 CSS를 볼?

610
00:27:27,867 --> 00:27:29,450
대상 : 배경 색상을 변경합니다.

611
00:27:29,450 --> 00:27:30,560
데이비드 J. 마란 : 네,
배경 색상을 변경합니다.

612
00:27:30,560 --> 00:27:33,280
그리고 구체적으로
신체의 배경 색상.

613
00:27:33,280 --> 00:27:36,290
그러나 한,로
지금은 몸이 웹입니다

614
00:27:36,290 --> 00:27:38,870
page-- 그것은 유일한 일이
제목 표시 줄 정말 .. 아래에

615
00:27:38,870 --> 00:27:40,870
아마 것
같은 일에 영향을 미친다.

616
00:27:40,870 --> 00:27:41,430
그래서 보자.

617
00:27:41,430 --> 00:27:42,490
이 해 저장할 수 있습니다.

618
00:27:42,490 --> 00:27:44,310
여기 가서 다시로드합니다.

619
00:27:44,310 --> 00:27:46,140
그것은 꽤 끔찍한입니다.

620
00:27:46,140 --> 00:27:48,070
그리고 무슨 일이야
여기 부작용이다.

621
00:27:48,070 --> 00:27:49,850
난 그냥 무작위로 이미지를 선택했다.

622
00:27:49,850 --> 00:27:53,305
왜 녹색이 아닌
미키 뒤에 침투?

623
00:27:53,305 --> 00:27:54,180
청중 : [들리지]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
데이비드 J. 마란 : 맞아요.

626
00:27:57,880 --> 00:28:01,750
그것은 꽤, 그 이미지를 밝혀
우리가 사용할 수있는 많은 모든 이미지,

627
00:28:01,750 --> 00:28:03,670
사각형의 모든 rectangles-- 있습니다.

628
00:28:03,670 --> 00:28:07,710
미키는 약간의 곡선이있는 경우에도
자신과 배경을 가지고,

629
00:28:07,710 --> 00:28:09,330
그 배경은 무엇인가되어야한다.

630
00:28:09,330 --> 00:28:10,280
그것은 흰색이어야한다.

631
00:28:10,280 --> 00:28:11,910
그것은 검은 색 또는 뭔가 다른이어야한다.

632
00:28:11,910 --> 00:28:13,650
그것은 투명하게 할 수 있습니다.

633
00:28:13,650 --> 00:28:16,100
그리고 사실, 난 할 수
여기에 미키 마우스를 엽니 다

634
00:28:16,100 --> 00:28:18,590
포토샵이라는 프로그램에서
또는 이와 유사한

635
00:28:18,590 --> 00:28:21,176
그 흰색의 모든 변경
투명 배경,

636
00:28:21,176 --> 00:28:22,550
그래서 녹색 빛을 발하게됩니다.

637
00:28:22,550 --> 00:28:25,980
그러나 그것은 내가 필요한 것 인 무엇인가이다
자신 또는 그래픽 아티스트 부탁합니다

638
00:28:25,980 --> 00:28:28,130
또는 디자이너 내
기업, 예를 들어,

639
00:28:28,130 --> 00:28:31,490
특히 나는 단지 때문에,해야 할 일
인터넷에서이 하나를 빌렸다.

640
00:28:31,490 --> 00:28:33,030
이런 일이 왜하지만입니다.

641
00:28:33,030 --> 00:28:34,980
>> 그래서 그 밖의 무엇을 우리가 수행 할 수 있습니다?

642
00:28:34,980 --> 00:28:41,040
음, 우리는 우리가 말을 할 수 있습니다
정말 당신이 당신의 체류를 즐길 수 있기를 바랍니다.

643
00:28:41,040 --> 00:28:44,150
그리고 강조, 내가 원하는
이 강한 만들기 위해,

644
00:28:44,150 --> 00:28:48,310
그리고 나는 열려있는 강력하고 말 것
강한 닫은 후 다시로드합니다.

645
00:28:48,310 --> 00:28:50,320
그리고 그것은 조금 어렵다
프로젝터를 볼 수 있습니다

646
00:28:50,320 --> 00:28:53,250
그러나 아마 정말 지금
조금 더 밖으로 이동합니다.

647
00:28:53,250 --> 00:28:56,180
그래서 당신은이에 이탤릭체를 추가 할 수 있습니다
방법,이 방법으로 대담한 직면.

648
00:28:56,180 --> 00:28:57,500
우리는 색상을 변경할 수 있습니다.

649
00:28:57,500 --> 00:29:01,610
사실, 그냥 재미로 들어 난
가서이 작업을 수행하는 것.

650
00:29:01,610 --> 00:29:05,120
난 정말 어떻게 마음에 안 내
단락 함께이 가까이

651
00:29:05,120 --> 00:29:06,870
그래서 나는 같은 것을 할 수 있습니다.

652
00:29:06,870 --> 00:29:13,310
나는 브라우저를 말할거야,
가지고있는 모든 단락 태그를 변경,

653
00:29:13,310 --> 00:29:16,952
당신이 무엇을 알고,의 실제로 say--하자,
의 그것이 텍스트 정렬, 중앙 정렬 할 수 있습니다.

654
00:29:16,952 --> 00:29:19,410
그리고 또,이 만 알고
누군가가 나에게 가르쳐 때문에

655
00:29:19,410 --> 00:29:21,118
또는 나는 그것을 보았다
온라인 참조.

656
00:29:21,118 --> 00:29:22,450
그래서 내가이를 저장할 수 있습니다.

657
00:29:22,450 --> 00:29:25,070
그리고, 아, 지금은했습니다
이 이미지 중심.

658
00:29:25,070 --> 00:29:28,490
그리고 실제로, 당신은 무엇을 알고
나는 단락에 내 이미지를 이동

659
00:29:28,490 --> 00:29:34,510
tag-- 그래서 세 번째 단락,
심지어 텍스트 아니에요하지만.

660
00:29:34,510 --> 00:29:36,917
의 해당 내용을 저장하고 다시로드 할 수 있습니다.

661
00:29:36,917 --> 00:29:40,000
이제 페이지 종류 보이기 시작
동행입니다 나는 여전히 꽤 추한 의미

662
00:29:40,000 --> 00:29:43,180
내가 보낸 것처럼하지만 적어도 그것은 본다
이분 대신 1 분

663
00:29:43,180 --> 00:29:43,950
그것을 만들기.

664
00:29:43,950 --> 00:29:47,200
>> 그리고, 점진적으로, 우리는 할 수 있습니다
페이지에 지금이 미적 변화?

665
00:29:47,200 --> 00:29:50,860
정말의 데이터를 변경되지했습니다
정말 단어를 추가하는 것보다 다른 페이지로 이동합니다.

666
00:29:50,860 --> 00:29:52,650
당신이 경우 I는 메타 데이터를 추가했습니다.

667
00:29:52,650 --> 00:29:54,830
이봐, 브라우저는을
단어 "정말"대담한.

668
00:29:54,830 --> 00:29:56,940
그러나 데이터는 강하지 않다.

669
00:29:56,940 --> 00:29:57,830
즉, 메타 데이터입니다.

670
00:29:57,830 --> 00:29:59,410
데이터는 "정말"입니다.

671
00:29:59,410 --> 00:30:02,200
그래서 우리는 여전히 일부를
같은 개념 이전.

672
00:30:02,200 --> 00:30:05,990
지금, 물론,이 웹 아니다
그래서 여기에 마지막 단계를 할거야.

673
00:30:05,990 --> 00:30:10,300
>> 나는 hello.html 갈거야
그냥 선택하고이를 복사합니다.

674
00:30:10,300 --> 00:30:12,285
그리고 지금은 갈거야
Cloud9로 이동하는

675
00:30:12,285 --> 00:30:13,910
난 그냥 순간에 당신을 통해 안내합니다.

676
00:30:13,910 --> 00:30:17,080
그리고 확률은, 만약 당신이 곧있을 것입니다
아니 이미이 같은 화면에서.

677
00:30:17,080 --> 00:30:21,080
그리고 내가 당신에게 신속하게 제공 할 수
Cloud9 실제로 무엇 투어.

678
00:30:21,080 --> 00:30:26,590
그래서 다시 9는 클라우드
이 클라우드 기반 서비스

679
00:30:26,590 --> 00:30:30,580
그것은 당신과 나에게 환상을 제공합니다
우리 자신의 가상 머신을 갖는

680
00:30:30,580 --> 00:30:33,090
클라우드, 기술적으로
클라우드에서 컨테이너,

681
00:30:33,090 --> 00:30:35,160
우리는 전체가 있는지
관리자 권한한다.

682
00:30:35,160 --> 00:30:37,130
이론적으로, 아무도 그래서
세계의 다른있다

683
00:30:37,130 --> 00:30:39,152
난 화면에 액세스
지금보고,

684
00:30:39,152 --> 00:30:40,860
아마 사람들을 제외하고
누가 사이트를 운영,

685
00:30:40,860 --> 00:30:43,470
기술적으로 그들이 가지고 있기 때문에
물리적 인 접근 등.

686
00:30:43,470 --> 00:30:44,740
>> 그래서 우리는이 환경에서 무엇을 볼 수 있습니까?

687
00:30:44,740 --> 00:30:46,230
나는, 축소거야
그것은 조금 작은이기 때문에.

688
00:30:46,230 --> 00:30:48,104
그리고 나를 통해 지적하자
여기에 그냥 잠시.

689
00:30:48,104 --> 00:30:53,210
왼쪽의 제 및
화면 왼쪽에 파일 브라우저가있다.

690
00:30:53,210 --> 00:30:55,362
정신 그래서 비슷한
맥 OS와 윈도우에.

691
00:30:55,362 --> 00:30:57,070
이들은 모두 아르
내 계정에있는 파일.

692
00:30:57,070 --> 00:30:59,250
그리고 기본적으로, 만약 당신의
계정, 내 같다

693
00:30:59,250 --> 00:31:05,090
당신은 참조하거나 곧 볼 수 있습니다
인 HelloWorld.html 및 readme.md.

694
00:31:05,090 --> 00:31:07,950
여기 오른쪽에있는 동안,이입니다
여기서 내 텍스트 파일 갈 것입니다.

695
00:31:07,950 --> 00:31:11,620
혹시 마이크로 소프트 사용한 경우
워드 메모장이나 텍스트 편집기, 또는

696
00:31:11,620 --> 00:31:14,100
이 단어 내 편집입니다
파일로 갈 것입니다.

697
00:31:14,100 --> 00:31:16,540
그리고 가장 비밀
이 환경의 기능

698
00:31:16,540 --> 00:31:20,100
우리는 정말 사용할 필요가 없습니다 것
여기 아래 터미널 창이라고합니다.

699
00:31:20,100 --> 00:31:23,390
당신은 DOS를 사용한 경우
근년,이 리눅스는

700
00:31:23,390 --> 00:31:25,450
또는 DOS의 리눅스와 동일합니다.

701
00:31:25,450 --> 00:31:28,190
또한 텍스트 기반의 interface--
어떤 마우스 클릭없이 드래그.

702
00:31:28,190 --> 00:31:30,770
당신이 할 수있는 모든 유형
명령하지만, 이러한 명령

703
00:31:30,770 --> 00:31:34,400
파일을 파일을 만들 이동할 수 있습니다 오픈
디렉토리, 가까이 디렉토리,

704
00:31:34,400 --> 00:31:35,740
것의 개수를 수행.

705
00:31:35,740 --> 00:31:38,060
지금, 우리는 단지거야
여기에 우리의 시간을 보낸다.

706
00:31:38,060 --> 00:31:39,050
>> 그리고이 해 보자.

707
00:31:39,050 --> 00:31:41,008
이에있는 경우
환경, 당신이해야

708
00:31:41,008 --> 00:31:45,900
작업 영역을 만든 경우 수
이미 가서 그냥 이동

709
00:31:45,900 --> 00:31:48,690
잠시, 새로운 파일입니다.

710
00:31:48,690 --> 00:31:51,740
그리고 그것은 당신에게 새로운을 제공합니다
여기 중간에 탭을 선택합니다.

711
00:31:51,740 --> 00:31:54,250
그리고 난 그냥 ... 및하자
가서 이렇게.

712
00:31:54,250 --> 00:31:59,910
이제, 저장 파일 않은 지금 가서 보자
그리고 가서 그것을 hello.html 전화,

713
00:31:59,910 --> 00:32:02,740
와 혼동하지
인 HelloWorld.html, 어떤

714
00:32:02,740 --> 00:32:06,910
새 무료 계정과 함께
이는 단지 샘플 파일입니다.

715
00:32:06,910 --> 00:32:11,020
당신은 갑자기 표시가 나타납니다,
왼쪽에 가장 가능성

716
00:32:11,020 --> 00:32:12,810
그리고 탭이 열려있을 것입니다.

717
00:32:12,810 --> 00:32:21,300
그리고 내가 다시 지금 격려하자
이 파일 또는 그 일부 변형.

718
00:32:21,300 --> 00:32:24,607
그리고 당신은 확실히에 그것을 볼 수없는 경우
화면이 슬라이드 동일

719
00:32:24,607 --> 00:32:26,190
당신은 아마 다른 탭에있는 것이다.

720
00:32:26,190 --> 00:32:29,296
>> 그래서 짧은에, 당신의 첫번째 웹 페이지를 만들
그 후 잠시에 저장

721
00:32:29,296 --> 00:32:31,170
어떻게 내가 당신을 보여 드리죠
실제로이를 볼 수 있습니다.

722
00:32:31,170 --> 00:32:32,970
하지만 적어도 한 가지를 변경합니다.

723
00:32:32,970 --> 00:32:35,400
에 helloworld를 변경
자신의 선택의 뭔가,

724
00:32:35,400 --> 00:32:39,821
그것이 당신의 것을 당신이 확신거야 그래서
내가 방금 만든 하나를 제출하지.

725
00:32:39,821 --> 00:32:40,320
괜찮아.

726
00:32:40,320 --> 00:32:43,804
그리고 당신은 더 ready-- 때
당신이 준비가되면 rush--,

727
00:32:43,804 --> 00:32:46,220
가서 파일을 저장
일단 이러한 변경했습니다.

728
00:32:46,220 --> 00:32:49,540
그리고 당신이를 클릭하면
실행 버튼 위로 맨이

729
00:32:49,540 --> 00:32:53,610
말할 것이다 새 탭을 열합니다
당신은, 당신은 귀하의 파일을 방문 할 수 있습니다 무엇을 할 URL

730
00:32:53,610 --> 00:32:56,380
하지만 잠시 시간이 걸릴 수 있습니다
인용 ", 아파치를 시작"인용을 끝내되는

731
00:32:56,380 --> 00:32:58,820
웹 서버의 이름이다.

732
00:32:58,820 --> 00:33:02,430
그래서 정확히 할주의
무슨 일이 궁극적으로 파일에 있습니다.

733
00:33:02,430 --> 00:33:04,610
그래서 지금, 나는 확대됩니다.

734
00:33:04,610 --> 00:33:07,780
내가 입력을 시작하는 경우
오픈 브라켓 HTML 예고

735
00:33:07,780 --> 00:33:09,650
내 생각을 완료 나 메시지를 표시합니다.

736
00:33:09,650 --> 00:33:13,750
그리고 내 생각을 완료하면, 그것을
자동으로 나에게 닫는 태그를 제공합니다.

737
00:33:13,750 --> 00:33:17,190
그러나 기대는 내가 칠 것입니다
입력 한 다음이 내부 이동

738
00:33:17,190 --> 00:33:21,180
내부 머리 않으며,
그때 나는 내 몸을한다.

739
00:33:21,180 --> 00:33:24,430
그리고, 처음에는 조금 이상한
당신을 위해 일을하고 있기 때문에,

740
00:33:24,430 --> 00:33:27,110
하지만 궁극적으로 그 실현
그것은 당신에게 키 입력을 저장합니다.

741
00:33:27,110 --> 00:33:30,500
의 그리고 사실, 아주 일반적인 기능
프로그래밍은 요즘 환경

742
00:33:30,500 --> 00:33:33,260
모두 같은 웹 개발을위한
이 실제 프로그래밍,

743
00:33:33,260 --> 00:33:36,960
저희는 내일 얘기하자,
이러한 자동 완성 기능이며,

744
00:33:36,960 --> 00:33:39,710
단지를 허용 것들
프로그래머 나 디자이너

745
00:33:39,710 --> 00:33:42,010
에 적은 수의 키 입력을 입력합니다
같은 일을 수행.

746
00:33:42,010 --> 00:33:43,176
때로는하지만, 좋아.

747
00:33:43,176 --> 00:33:44,560
가끔은 그냥 짜증나.

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
그리고, 다시 한 번 당신은 전사 한
슬라이드 또는 그 일부 변형,

750
00:33:54,010 --> 00:33:57,360
당신은 상단까지 실행 버튼을 클릭 할 수 있습니다.

751
00:33:57,360 --> 00:33:59,910
그리고 하단에
창, 당신은 통보됩니다

752
00:33:59,910 --> 00:34:04,290
어떤 URL에 당신은 당신의 웹 페이지를 방문 할 수 있습니다.

753
00:34:04,290 --> 00:34:08,790
광산, 예를 들어,에있다
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
기타 등등.

755
00:34:11,480 --> 00:34:14,580
좋아, 그래서, 가구 있구만 질문을하자?

756
00:34:14,580 --> 00:34:19,460
그냥보기에 대한 다른 질문
우리가 기능을 추가하기 전에이 작업?

757
00:34:19,460 --> 00:34:21,692
단지, 내가 제안하자
사람들이 comfortable-- 도착

758
00:34:21,692 --> 00:34:24,400
그것은 단지를에 한 가지 때문에
내가 무슨 짓을했는지 맹목적으로 복사 - 붙여 넣습니다.

759
00:34:24,400 --> 00:34:27,177
그러나 단지 사람들이 씨름 있도록
할일 적어도 하나와,

760
00:34:27,177 --> 00:34:28,510
나는 어떤 음악을 켜거야.

761
00:34:28,510 --> 00:34:32,630
나는 목록을 제안하는거야
당신이 잠재적으로 추가 할 수있는 일.

762
00:34:32,630 --> 00:34:34,086
그리고 당신은 확실히 구글을 사용할 수 있습니다.

763
00:34:34,086 --> 00:34:36,210
그리고 왜하지 우리 단지
당신이 해결하려고하는 것이 제안

764
00:34:36,210 --> 00:34:38,710
적어도 하나의 특정 문제를 여기에.

765
00:34:38,710 --> 00:34:45,090
태그의 관점에서 그래서,
내가 여기를 재사용 할 수 있습니다.

766
00:34:45,090 --> 00:34:48,280
>> 사실, 내가 넣어 보자
그것은 텍스트 형태 일 수있다.

767
00:34:48,280 --> 00:35:02,380
의 우리가 수도 태그 사이에 그런 말을하자
여기에 사용 여기에 몇 가지 태그입니다.

768
00:35:02,380 --> 00:35:06,090
우리는 단락 태그를 보았다.

769
00:35:06,090 --> 00:35:07,850
이제 자동 완성을 것입니다.

770
00:35:07,850 --> 00:35:12,220
단락 태그 앵커 태그입니다.

771
00:35:12,220 --> 00:35:15,250
의 당신이 원하는 가정 해 봅시다
뭔가 더 큰 확인

772
00:35:15,250 --> 00:35:19,480
그래서 당신은 이렇게 ... 수
스팬 태그는 도움이 될 수 있습니다.

773
00:35:19,480 --> 00:35:23,010
글쎄, 당신은 약간의 도움이 필요할 수 있습니다
그냥 순간에 해당합니다.

774
00:35:23,010 --> 00:35:24,830
우리는 사업부를 보았다.

775
00:35:24,830 --> 00:35:26,170
당신은 테이블 거기에 볼 수 있습니다.

776
00:35:26,170 --> 00:35:27,928
뭔가 그럴 필요는 TD있다라고합니다.

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
일, TD.

779
00:35:32,860 --> 00:35:34,770
순간 다시 그에게 가자.

780
00:35:34,770 --> 00:35:36,590
편리한 밖의 무엇을 할 수 있는가?

781
00:35:36,590 --> 00:35:38,310
강한있다.

782
00:35:38,310 --> 00:35:43,640
이 강조, 또는 오히려 그들.

783
00:35:43,640 --> 00:35:50,110
There's-- 다른 무엇
여기 공상 수 있는가?

784
00:35:50,110 --> 00:35:51,930
음, 우리는 할게요
함께 그 봐.

785
00:35:51,930 --> 00:35:53,230
우리가 본 적이 양식.

786
00:35:53,230 --> 00:35:54,130
형태가있다.

787
00:35:54,130 --> 00:35:56,500
입력과 몇 가지 다른 사람이있다.

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
좋아, 그래서이 작업을 수행 할 수 있습니다.

790
00:36:00,090 --> 00:36:02,330
빅토리아의 답변을
문제는, 첫째 날 수 있습니다

791
00:36:02,330 --> 00:36:05,020
단지 모두가 있는지 확인
자신의 헬로 작업을 얻을 수.

792
00:36:05,020 --> 00:36:06,900
그런 나를 소개하자
몇 가지 다른 아이디어.

793
00:36:06,900 --> 00:36:09,209
그 다음 우리는 사람들이 해결 드리겠습니다
자신에 대한 몇 가지 문제.

794
00:36:09,209 --> 00:36:11,500
그럼 우리가 실제로 다시 올 것이다
양식의 개념에,

795
00:36:11,500 --> 00:36:14,950
우리는 실제로 다시 구현합니다
함께 프론트 엔드 인터페이스

796
00:36:14,950 --> 00:36:16,450
그래서 구글 자체에 대해 이야기합니다.

797
00:36:16,450 --> 00:36:19,700
우리는 백 엔드 구글을 사용하여 드리겠습니다
그들이 열심히 일을, 탐색,

798
00:36:19,700 --> 00:36:22,760
그러나 우리는 프런트 엔드를 다시합니다
구글과 검색 폼

799
00:36:22,760 --> 00:36:24,520
그들은 자신의 홈 페이지에 있는지.

800
00:36:24,520 --> 00:36:27,050
그래서 우리는 다시 올 것이다
그냥 순간에이 태그.

801
00:36:27,050 --> 00:36:30,270
>> 그래서 이것은 무엇 I
잠시 전에 제안했다.

802
00:36:30,270 --> 00:36:33,940
우리는에 양식에 추가 할 수 있습니다
이 스타일 태그의 내부 페이지,

803
00:36:33,940 --> 00:36:36,950
우리는 배경에 스타일을 할 수 있습니다
색, 텍스트 정렬,

804
00:36:36,950 --> 00:36:39,000
그것은 중앙 또는 왼쪽 또는 오른쪽의 여부.

805
00:36:39,000 --> 00:36:41,630
그러나 매우 빨리 당신은 것
찾거나 웹 디자이너

806
00:36:41,630 --> 00:36:44,060
이 찾을 것입니다
조금 다루기된다

807
00:36:44,060 --> 00:36:48,330
당신이하고 있기 때문에 무슨 일이야
혼합 컨텐츠라고

808
00:36:48,330 --> 00:36:50,120
프리젠 테이션을 포함한다.

809
00:36:50,120 --> 00:36:53,756
당신은 당신의 데이터를 혼합하고
그리고 미학을 포함한다.

810
00:36:53,756 --> 00:36:56,380
그리고 사실, 당신이 생각하는 경우
무엇으로 .. 이상 일어날

811
00:36:56,380 --> 00:36:58,350
이것은 매우 작은
웹 페이지, 물론.

812
00:36:58,350 --> 00:37:01,590
그러나 나는이 페이지에 내용을 추가하는 경우
나는이 페이지에 스타일을 추가,

813
00:37:01,590 --> 00:37:04,650
페이지가 매우 빠르게 도착
이상과 이상과 이상.

814
00:37:04,650 --> 00:37:07,510
그리고 내가 원하는 것을 가정
두 번째 웹 페이지를 갖도록

815
00:37:07,510 --> 00:37:09,010
이러한 특성의 일부를 공유합니다.

816
00:37:09,010 --> 00:37:12,350
나의 두 번째 웹 페이지를 위해 가정 내
관련 사이트 또한, 나는 모든 센터를 원하는

817
00:37:12,350 --> 00:37:14,960
나는 또한 모든 것을 할
녹색 배경.

818
00:37:14,960 --> 00:37:17,940
나는 꽤 많이해야 할거야
복사하고이 라인의 일부를 붙여

819
00:37:17,940 --> 00:37:20,730
좋은 느낌이 두 번째 파일,에.

820
00:37:20,730 --> 00:37:22,030
이 문제를 해결한다.

821
00:37:22,030 --> 00:37:26,060
>> 하지만 세 번째 페이지를 무엇을하려는 경우
30 페이지 또는 40 페이지 나?

822
00:37:26,060 --> 00:37:28,730
지금은 복사 할거야 및
중복 코드를 많이 붙여

823
00:37:28,730 --> 00:37:30,430
여러 파일입니다.

824
00:37:30,430 --> 00:37:32,600
그리고한다고 가정
나는 결정 또는 내가 말했다있어,

825
00:37:32,600 --> 00:37:34,780
이봐, 우리가에서 사용하지 않는
더 이상 녹색 배경입니다.

826
00:37:34,780 --> 00:37:36,380
우리는 오렌지를 사용하기 시작하는 것입니다.

827
00:37:36,380 --> 00:37:38,690
당신은 무엇을 변경해야합니까?

828
00:37:38,690 --> 00:37:42,900
글쎄, 당신은 그 스타일을 변경해야
오렌지 녹색에서 얼마나 많은 장소에서?

829
00:37:42,900 --> 00:37:44,920
30 ~ 40 곳 등을들 수있다.

830
00:37:44,920 --> 00:37:45,900
그것은 지루한입니다.

831
00:37:45,900 --> 00:37:47,039
그것은 오류가하는 경향이있다.

832
00:37:47,039 --> 00:37:49,580
이유가있다
당신은 유도 싶지 않을 경우

833
00:37:49,580 --> 00:37:51,840
자신을위한 고통의 종류.

834
00:37:51,840 --> 00:37:54,760
그리고 그것은 좋은되지 않을 것
우리가 취할 수 있다면 내가 단지

835
00:37:54,760 --> 00:37:58,240
이 두 개의 노란색 사이에 넣어
태그 이러한 스타일 태그,

836
00:37:58,240 --> 00:38:04,050
그것을 고려, 그리고 모든을 넣어 내
하나의 중앙 파일에 디자인과

837
00:38:04,050 --> 00:38:08,470
나의 다른 모든 파일 (30) 또는 (40)
에서 빌리거나 어떻게 든 참조,

838
00:38:08,470 --> 00:38:11,640
하지 네트워킹 달리
도 우리는 이전 일을했다?

839
00:38:11,640 --> 00:38:15,030
>> 여기에 가면 그래서, 난
실제로 제안하는 것

840
00:38:15,030 --> 00:38:17,880
우리는 교체하는 것이
뭔가 스타일 태그

841
00:38:17,880 --> 00:38:21,620
링크 태그라고하는
끔찍, 끔찍 이름,

842
00:38:21,620 --> 00:38:24,370
당신은을 사용하지 않기 때문에
링크 태그는 무엇을 만들 수 있습니다

843
00:38:24,370 --> 00:38:26,380
우리 인간은 웹 페이지의 링크로 알고있다.

844
00:38:26,380 --> 00:38:29,750
이를 위해, 당신은 태그를 사용할 수 있습니까?

845
00:38:29,750 --> 00:38:31,464
당신은 어떻게 웹 페이지에서 링크를 만들려면 어떻게해야합니까?

846
00:38:31,464 --> 00:38:32,130
청중 : 다음은.

847
00:38:32,130 --> 00:38:34,870
데이비드 J. 마란 : 다음은, 또는 앵커
전에 디즈니에 갔다 태그.

848
00:38:34,870 --> 00:38:39,090
여기에 링크 태그는 말하고있다
라는 파일이 항아리 링크

849
00:38:39,090 --> 00:38:44,350
에 styles.css가, 관계
내 스타일 시트 있다는 될 것입니다.

850
00:38:44,350 --> 00:38:48,290
그래서 이것은 S 년대 중 하나입니다
CSS-- CSS 스타일 시트.

851
00:38:48,290 --> 00:38:50,490
스타일 sheet-- CSS의 S 년대의 두.

852
00:38:50,490 --> 00:38:52,550
스타일 시트를 계단식.

853
00:38:52,550 --> 00:38:58,640
이것은 단지 이봐, 브라우저, 이동 수단
로컬 서버에 styles.css가를 찾을 수

854
00:38:58,640 --> 00:39:01,870
와, 스타일 시트로 사용
이는 해당 파일의 내부 의미

855
00:39:01,870 --> 00:39:05,310
의 모든 될 것입니다
우리가했던 양식화.

856
00:39:05,310 --> 00:39:07,396
그리고 무엇 해당 파일
IS 다음과 같을 수 있습니다.

857
00:39:07,396 --> 00:39:10,020
그리고 난 그냥이가 빠르게 할 수 있습니다
예를 들어, 우리가 필요로하지 않기 때문에

858
00:39:10,020 --> 00:39:12,000
여기 잡초에 너무 많이 얻을 수 있습니다.

859
00:39:12,000 --> 00:39:17,840
나는 이것을 복사하면, 나는 제안 무엇이야
프로그래머가 새 파일을 만들 것입니다,

860
00:39:17,840 --> 00:39:24,450
그 lines--에 붙여 넣기
그 라인에 whoops-- 붙여 넣기,

861
00:39:24,450 --> 00:39:32,270
에서, 다음을 styles.css로 저장하고,
다른 파일이 모두 삭제

862
00:39:32,270 --> 00:39:35,450
대신 교체
이 링크 태그.

863
00:39:35,450 --> 00:39:43,090
그 나는 HREF = "styles.css가"를 연결한다면,
관계는 "스타일"한다

864
00:39:43,090 --> 00:39:44,170
가까운 태그입니다.

865
00:39:44,170 --> 00:39:45,250
저장해.

866
00:39:45,250 --> 00:39:47,000
내 helloworld를 다시 이동합니다.

867
00:39:47,000 --> 00:39:48,690
다시로드합니다.

868
00:39:48,690 --> 00:39:51,290
>> 말 그대로 아무 일도하지 않았다.

869
00:39:51,290 --> 00:39:54,710
즉, 좋은 일이 그것 때문에
실제로 모든 작업 의미합니다.

870
00:39:54,710 --> 00:39:58,860
많은 것을 증명하기 위해, 나는을 가정
오타, 나는이 "styles.css가"전화

871
00:39:58,860 --> 00:40:03,080
인 자본 S와
부정확 한 다음 다시로드합니다.

872
00:40:03,080 --> 00:40:05,470
지금 당신은 그냥 작동하지 않습니다 볼 수 있습니다.

873
00:40:05,470 --> 00:40:06,362
지금, 왜?

874
00:40:06,362 --> 00:40:08,070
음,이를 사용하자
이전의 기술.

875
00:40:08,070 --> 00:40:10,153
에, 내가 가서 보자
브라우저, 크롬, 난

876
00:40:10,153 --> 00:40:12,900
특별한 것을 열어가는
네트워크 탭 이전과,

877
00:40:12,900 --> 00:40:15,560
나를 페이지를 다시로드 할 수 있습니다.

878
00:40:15,560 --> 00:40:19,341
당신은 지금보고 놀랐 어떻게하지?

879
00:40:19,341 --> 00:40:20,840
아니면 당신이 그것을보고 놀랐입니다.

880
00:40:20,840 --> 00:40:23,225
어느 쪽이든, 당신은 지금 무엇을 볼 수 있습니까?

881
00:40:23,225 --> 00:40:24,100
청중 : [들리지]

882
00:40:24,100 --> 00:40:24,770
데이비드 J. 마란 : 그것은 발견 아니에요.

883
00:40:24,770 --> 00:40:25,680
왜이 발견되지?

884
00:40:25,680 --> 00:40:28,480
음, Styles.css-- 자본
S--가 존재하지 않습니다.

885
00:40:28,480 --> 00:40:29,230
나는 그것을 잘못된 이름.

886
00:40:29,230 --> 00:40:30,430
단순 오타.

887
00:40:30,430 --> 00:40:33,816
하지만 지금은 이해할 받고 있어요
(404), 서버가 말하고 있기 때문에, 헤이,

888
00:40:33,816 --> 00:40:34,440
그것을 찾을 수 없습니다입니다.

889
00:40:34,440 --> 00:40:36,300
말 그대로, 나도 몰라
여기서 해당 파일입니다.

890
00:40:36,300 --> 00:40:38,880
결과적으로, 브라우저 그래서
, 무엇을 할 수있는 방법을 보여줍니다

891
00:40:38,880 --> 00:40:42,860
페이지의 원료 함량,
이는은 (200), HTML했다

892
00:40:42,860 --> 00:40:45,390
하지만 디자인과 수 없어
그 이후에 추가 될 수있다.

893
00:40:45,390 --> 00:40:47,120
그리고 이것은 계단식 의미 무슨이다.

894
00:40:47,120 --> 00:40:49,070
당신은 일종의 추가 할 수 있습니다
이후, 그리고 종류의

895
00:40:49,070 --> 00:40:50,874
웹 페이지의 미관 정제.

896
00:40:50,874 --> 00:40:53,790
그리고 당신은 심지어을 대체 할 수 있습니다
또 다른 스타일 시트 파일과 스타일

897
00:40:53,790 --> 00:40:54,700
네가 원한다면.

898
00:40:54,700 --> 00:40:57,780
그것은,이 경우에는, 그러나,없는거야
때문에 물론, 나는 그것을 잘못된 이름.

899
00:40:57,780 --> 00:41:00,330
그래서 내가 먼저 그 문제를 해결해야합니다.

900
00:41:00,330 --> 00:41:04,667
>> 그럼 가서 보자
다음을 제안한다.

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
이제 가서이 작업을 수행 할 수 있습니다.

903
00:41:11,140 --> 00:41:14,220
아마로 시작
당신의 helloworld를 파일,

904
00:41:14,220 --> 00:41:17,740
나 그냥 몇 가지를 초대하자
의 제안을 갖추고 있습니다.

905
00:41:17,740 --> 00:41:20,400
그래서, 빅토리아, 당신은 원한
일부 텍스트 더 큰, 바로 확인?

906
00:41:20,400 --> 00:41:24,555
좋아, 그래서 우리가 할 수있는
텍스트를 더 만들 수 있죠.

907
00:41:24,555 --> 00:41:26,860
그리고 우리는 각각 떨어져 뽑은 것
하나의 문제는 해결합니다.

908
00:41:26,860 --> 00:41:30,867
텍스트를 더합니다.

909
00:41:30,867 --> 00:41:32,700
내가 귀찮게하지 않을거야
때이 글을 쓰는

910
00:41:32,700 --> 00:41:35,600
바로 여기 총알 기술을 가지고있다.

911
00:41:35,600 --> 00:41:39,970
그래서 몇 가지 문제.

912
00:41:39,970 --> 00:41:44,670
그래서 우리는 시도 할거야
텍스트가 더 큰 확인합니다.

913
00:41:44,670 --> 00:41:45,170
괜찮아.

914
00:41:45,170 --> 00:41:48,360
다른 사람이 무엇을 제안까요?

915
00:41:48,360 --> 00:41:50,332
또 우리가 할 수 있습니다
웹 페이지에서 할까?

916
00:41:50,332 --> 00:41:52,040
의이 마련하자
일의 짧은 목록

917
00:41:52,040 --> 00:41:55,366
다음에 위임
그룹이 알아낼 수 있습니다.

918
00:41:55,366 --> 00:41:56,270
>> 청중 : [들리지]

919
00:41:56,270 --> 00:42:02,251
>> 데이비드 J. 마란 : OK, 위치 텍스트
페이지의 다른 측면에?

920
00:42:02,251 --> 00:42:02,750
괜찮아.

921
00:42:02,750 --> 00:42:04,620
다른 것.

922
00:42:04,620 --> 00:42:05,784
>> 청중 : [들리지]

923
00:42:05,784 --> 00:42:06,700
데이비드 J. 마란 : 그것은이다.

924
00:42:06,700 --> 00:42:08,720
그래서 지프 단지입니다
다른 파일 형식.

925
00:42:08,720 --> 00:42:12,830
우리는 단지 사용, 무엇을하는
PNG 또는 아마 JPG?

926
00:42:12,830 --> 00:42:14,480
우리는 JPG를 사용했다.

927
00:42:14,480 --> 00:42:16,780
당신은 과도한 호기심 경우
귀하의 질문에 답변

928
00:42:16,780 --> 00:42:19,404
jpg이 일반적으로 사용된다
사진 그것이 지원하므로

929
00:42:19,404 --> 00:42:21,500
색 24 비트 색상 수백만.

930
00:42:21,500 --> 00:42:26,930
GIF는 일반적 등에 사용되는
인터넷 밈이 days-- 애니메이션,

931
00:42:26,930 --> 00:42:28,810
같은 애니메이션 GIF를.

932
00:42:28,810 --> 00:42:32,320
그러나 작은 색상을 사용하는 일
팔레트, 256 가능한 색상,

933
00:42:32,320 --> 00:42:35,230
그러나 지원
투명성과 애니메이션.

934
00:42:35,230 --> 00:42:40,330
지원 그리고 거기에 PNG,
투명성과 더 많은 색상

935
00:42:40,330 --> 00:42:41,300
하지만 애니메이션.

936
00:42:41,300 --> 00:42:42,133
그래서 트레이드 오프입니다.

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
그래서 비록 지프를 추가,
기능적 것

939
00:42:46,060 --> 00:42:48,396
PNG 또는 JPG를 추가하는 것과 같습니다.

940
00:42:48,396 --> 00:42:49,110
네.

941
00:42:49,110 --> 00:42:50,550
이미지 소스는 동일합니다.

942
00:42:50,550 --> 00:42:51,590
그래서 뭔가.

943
00:42:51,590 --> 00:42:57,288
의 뭔가 생각해 보자 그
우리가 여기서 뭘 빅토리아로 전송.

944
00:42:57,288 --> 00:42:59,209
>> 청중 : 폼에 대한 단추를 추가합니다.

945
00:42:59,209 --> 00:43:00,000
데이비드 J. 마란 : OK.

946
00:43:00,000 --> 00:43:02,179
그래서 양식 버튼을 추가합니다.

947
00:43:02,179 --> 00:43:03,470
그리고 우리는 함께 그 일을 할 수 있습니다.

948
00:43:03,470 --> 00:43:07,220
그래서 완벽한 SEGUE 수 있습니다
바로이 도전 후.

949
00:43:07,220 --> 00:43:10,357
다른 건?

950
00:43:10,357 --> 00:43:11,440
무엇을하기를 원하십니까 수 있는가?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
웹은 매우 실망 느낌
이 모든 경우에 우리는 할 수 있습니다.

953
00:43:16,516 --> 00:43:18,140
대상 : 텍스트의 색상을 변경합니다.

954
00:43:18,140 --> 00:43:19,500
데이비드 J. 마란 방법 : 어떤 변경?

955
00:43:19,500 --> 00:43:20,666
대상 : 텍스트의 색상.

956
00:43:20,666 --> 00:43:22,311
데이비드 J. 마란 : 텍스트의 색상 변경.

957
00:43:22,311 --> 00:43:22,810
괜찮아.

958
00:43:22,810 --> 00:43:23,790
그래서,이 해 보자.

959
00:43:23,790 --> 00:43:27,209
그냥 다시 그래서 당신이 걸하지, 그냥
기계적으로, 내가 뭘하는지 정확히하고,

960
00:43:27,209 --> 00:43:29,500
나는 음악을 켜거야
여기에 아마 5 분.

961
00:43:29,500 --> 00:43:30,450
당신은 구글을​​ 사용하는 것이 환영합니다.

962
00:43:30,450 --> 00:43:33,130
당신은 나 한테 물어 환영하고 있으며,
나는 당신의 귀에서 힌트를 속삭 있습니다.

963
00:43:33,130 --> 00:43:35,171
당신은보기 위하여 환영합니다
이상의 다른 어깨에.

964
00:43:35,171 --> 00:43:37,340
그러나 이러한 문제의 한을 해결한다.

965
00:43:37,340 --> 00:43:40,190
그러나 우리는 마지막 하나의 작업을 수행합니다
우리가 할 수있는 경우 함께, 하나를 형성한다.

966
00:43:40,190 --> 00:43:42,790
그래서 5 분 해결하기 위해
이들 문제 중 어느 하나

967
00:43:42,790 --> 00:43:46,780
구글, 직관을 사용하거나
사용 가능한 다른 방법.

968
00:43:46,780 --> 00:43:48,630
>> [음악 재생]

969
00:43:48,630 --> 00:43:49,130
괜찮아.

970
00:43:49,130 --> 00:43:50,838
걱정하지 원하는 경우
땜질 유지,

971
00:43:50,838 --> 00:43:53,880
그러나 나는 몇 가지를 망치고 있습니다
이 답변.

972
00:43:53,880 --> 00:43:57,986
에서 첫 번째 제안 그래서
빅토리아는 텍스트를 더 만드는 것이 었습니다.

973
00:43:57,986 --> 00:43:59,360
그래서이 작업을 수행 할 수있는 몇 가지 방법이있다.

974
00:43:59,360 --> 00:44:01,530
저는 현재 복원했습니다
이 크기에 내 화면,

975
00:44:01,530 --> 00:44:04,310
나는 확대했습니다 불구하고
인위적으로 그냥 물건을 볼 수 있습니다.

976
00:44:04,310 --> 00:44:07,470
그리고이 해 보자.

977
00:44:07,470 --> 00:44:11,380
나를 앞서 및 잡아 가자
일부 일반 라틴어 텍스트

978
00:44:11,380 --> 00:44:19,540
그냥 그래서 우리는 작업 할 뭔가가있다.

979
00:44:19,540 --> 00:44:20,715
그래서 나에게 한 순간을 제공합니다.

980
00:44:20,715 --> 00:44:21,840
나는 3 단락을 만들 수 있습니다.

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
승인.

983
00:44:53,930 --> 00:44:55,560
이것은 더 좋은 예가 될 것입니다.

984
00:44:55,560 --> 00:44:57,840
호기심에 대한에 따라서
내 hello.html, 난 그냥

985
00:44:57,840 --> 00:45:01,645
붙여 넣은 세 무의미
라틴어 단락

986
00:45:01,645 --> 00:45:03,270
그냥 그래서 우리는 함께 작동하도록 일부 텍스트가 있습니다.

987
00:45:03,270 --> 00:45:06,720
그리고 빅토리아의 목표는에 있었다
더 큰 텍스트의 일부를합니다.

988
00:45:06,720 --> 00:45:09,879
그래서, 이전, 여기에 갈 수 있었다.

989
00:45:09,879 --> 00:45:11,170
그리고 내가 그것을 올바른 방법으로 할 수 있습니다.

990
00:45:11,170 --> 00:45:13,253
나는 링크를하려고 해요
파일을 가리키는 태그

991
00:45:13,253 --> 00:45:20,560
소위 "styles.css가"관계
있는 "스타일."다시입니다

992
00:45:20,560 --> 00:45:25,221
그리고 나는 그것을 저장하는거야
이 "styles.css가 있습니다."열어

993
00:45:25,221 --> 00:45:28,940
>> 그래서, 이전과 같이, 나는이
이 CSS 파일의 능력

994
00:45:28,940 --> 00:45:31,569
실제로 기본을 무시하는
웹 페이지의 미학

995
00:45:31,569 --> 00:45:33,860
기본 미학,
물론, 꽤 지루한입니다.

996
00:45:33,860 --> 00:45:36,943
그것은 검은 일반 글꼴 크기의 종류,이다
텍스트, 등 흰색 배경합니다.

997
00:45:36,943 --> 00:45:39,440
그래서 내가 만들고 싶어한다고 가정
이 텍스트의 모든 큰.

998
00:45:39,440 --> 00:45:40,460
나는 몇 가지 일을 할 수 있습니다.

999
00:45:40,460 --> 00:45:43,750
내을 styles.css 파일에서, I
당신이 무엇을 알고, 말할 수,

1000
00:45:43,750 --> 00:45:46,950
받는 사람 다음을 적용
내 페이지의 본문.

1001
00:45:46,950 --> 00:45:51,390
어서 만드는
글꼴 크기 24 포인트,

1002
00:45:51,390 --> 00:45:54,130
어떤 숫자가 나는 수도있다
Microsoft Word에서 사용합니다.

1003
00:45:54,130 --> 00:45:57,620
내 웹으로 돌아 가자
여기에 페이지 새로 고침,

1004
00:45:57,620 --> 00:45:59,640
당신은 그것을 볼 수 있습니다
이미 훨씬 더 큰합니다.

1005
00:45:59,640 --> 00:46:02,223
그리고 우리는 약간 미친 얻을 수 있습니다,
단지 우리가 desktop--에 수 있습니다처럼

1006
00:46:02,223 --> 00:46:03,670
그것은 96 포인트합니다.

1007
00:46:03,670 --> 00:46:04,950
다시로드합니다.

1008
00:46:04,950 --> 00:46:07,610
그리고 그것은 조금 점점
이 시점에서 다루기.

1009
00:46:07,610 --> 00:46:09,500
>> 하지만 좀 더 정확한 될 수 있습니다.

1010
00:46:09,500 --> 00:46:14,530
대신에 이것을 적용
내 페이지의 본문에 스타일 시트,

1011
00:46:14,530 --> 00:46:21,740
그 밖의 무엇을 나는 대신에 적용 할 수 있습니다
어떤 다른 태그가 여전히 수도

1012
00:46:21,740 --> 00:46:25,445
같은 방식으로 작동?

1013
00:46:25,445 --> 00:46:26,444
>> 청중 : 또한, p 태그?

1014
00:46:26,444 --> 00:46:27,360
데이비드 J. 마란 : P 태그입니다.

1015
00:46:27,360 --> 00:46:29,350
그래서 머리가되지 않을 것
올바른 머리 때문에,

1016
00:46:29,350 --> 00:46:31,300
당신은 실제로 할 수 없습니다
의 미학을 제어 할 수 있습니다.

1017
00:46:31,300 --> 00:46:32,700
하나의 텍스트가 아닌지있다.

1018
00:46:32,700 --> 00:46:36,760
그러나 p는 tag-- 조금 다이빙 수 있습니다
깊은, 그래서 단락에, 말하자면

1019
00:46:36,760 --> 00:46:37,350
태그입니다.

1020
00:46:37,350 --> 00:46:41,600
세가 있더라도
그 때문에 CSS에 완벽하게 괜찮아요

1021
00:46:41,600 --> 00:46:44,900
난 그냥 "P"이 말을 할 때
다음 적용 수단

1022
00:46:44,900 --> 00:46:48,300
이 일치하는 모든 태그
선택기 선택기 단지

1023
00:46:48,300 --> 00:46:49,430
태그의 이름을 주도했습니다.

1024
00:46:49,430 --> 00:46:52,350
그래서 당신이 볼 때마다
"P", 글꼴 크기를 적용

1025
00:46:52,350 --> 00:46:55,222
그리고 좀 더 그것을 만들 수 있습니다
합리적인 again-- 24 점.

1026
00:46:55,222 --> 00:46:56,930
그리고 당신은 무엇을 알고,
그냥 좋은 측정을위한,

1027
00:46:56,930 --> 00:46:59,810
의이 색을 만들어 보자
순간 빨간색 단지.

1028
00:46:59,810 --> 00:47:03,740
그리고 지금은 지금, 다시로드하면 우리
세 못생긴 단락을 참조하십시오.

1029
00:47:03,740 --> 00:47:07,180
>> 하지만 지금은 일종의 해요한다고 가정
동행입니다 나는 첫 번째 단락을 원한다

1030
00:47:07,180 --> 00:47:08,210
사용자 밖으로 이동합니다.

1031
00:47:08,210 --> 00:47:11,150
난 그냥 증가하고 싶지 않아
모두의 글꼴 크기.

1032
00:47:11,150 --> 00:47:16,105
그래서 내가 실제로 식별 할 또는
이 단락을 구분.

1033
00:47:16,105 --> 00:47:18,730
그럼 붉은 색을 제거하자,
, 그건 그냥 가지 볼품 왜냐하면

1034
00:47:18,730 --> 00:47:23,885
과의이 가서 확인하자
글꼴 크기를 12 포인트 기본적으로,

1035
00:47:23,885 --> 00:47:26,260
그래서 우리는 다시 뭔가있어
좀 더 합리적인.

1036
00:47:26,260 --> 00:47:29,190
그리고 지금은 그냥이 증가 할
첫 번째 단락의 글꼴 크기입니다.

1037
00:47:29,190 --> 00:47:31,440
나는 몇에서이 작업을 수행 할 수 있습니다
방법 만의 하나의 방법

1038
00:47:31,440 --> 00:47:37,180
상기 아마도 가장 교육
순간 다음을 수행하는 것입니다.

1039
00:47:37,180 --> 00:47:43,280
내가 가서 보자,이 말
단락 "제."의 고유 한 ID를 가지고

1040
00:47:43,280 --> 00:47:45,000
내가 원하는이 무엇을 호출 할 수 있습니다.

1041
00:47:45,000 --> 00:47:46,874
나는이 "foo는"호출 할 수 있습니다
또는 다른 단어

1042
00:47:46,874 --> 00:47:49,290
하지만 난 그것을 좀 줄거야
의미 적으로 의미있는 이름

1043
00:47:49,290 --> 00:47:50,320
"처음."와 같은

1044
00:47:50,320 --> 00:47:54,790
이는 고유 식별자
아이디, 내 첫 번째 단락합니다.

1045
00:47:54,790 --> 00:47:59,360
>> 나는 지금 내 스타일 시트에서 할 수있는 일
좀 더 정확합니다.

1046
00:47:59,360 --> 00:48:02,330
대신 말의 적용
상기 p- 태그에 다음,

1047
00:48:02,330 --> 00:48:04,890
나는 following--을 말할 수있다
다음을 적용,

1048
00:48:04,890 --> 00:48:11,000
선택하거나, HTML 요소
즉, "제."의 고유 한 ID를 가지고

1049
00:48:11,000 --> 00:48:12,350
내가 그것을 적용 할 수 있습니까?

1050
00:48:12,350 --> 00:48:15,250
24 포인트의 글꼴 크기.

1051
00:48:15,250 --> 00:48:16,640
그래서 나는 지금이 선택기가 있습니다.

1052
00:48:16,640 --> 00:48:19,690
하나는 모든 만든다
12 포인트를 문단.

1053
00:48:19,690 --> 00:48:24,960
하지만이 하나가되어 특히 이후
두 번째로는 그것은 file-- 마지막 제공

1054
00:48:24,960 --> 00:48:27,090
이 계단식 효과가있다.

1055
00:48:27,090 --> 00:48:30,200
난 그냥 모두를했습니다 내
단락 태그 12 점,

1056
00:48:30,200 --> 00:48:34,350
하지만 지금은 폭포와
그 어떤 요소보다 우선

1057
00:48:34,350 --> 00:48:38,800
페이지의 페이지에서 모든 태그
고유 ID는 인용 인용을 끝내이다 "처음."

1058
00:48:38,800 --> 00:48:41,720
그리고 이러한 맥락에서 해시 태그
그냥 "고유 식별자"을 의미합니다.

1059
00:48:41,720 --> 00:48:43,750
나는 HTML 파일에 넣어하지 않습니다.

1060
00:48:43,750 --> 00:48:46,880
나는 여기에, 그냥 말
"처음."인용을 끝내 인용

1061
00:48:46,880 --> 00:48:48,470
>> 그래서 내가 다시로드 할 수 있습니다.

1062
00:48:48,470 --> 00:48:49,919
그리고 지금은 OK, 아, 참조하십시오.

1063
00:48:49,919 --> 00:48:51,710
나는 그 아니라, 의미
꽤 있지만 종류의

1064
00:48:51,710 --> 00:48:53,600
의 서문 등
책이나 뭐 그런,

1065
00:48:53,600 --> 00:48:55,100
여기서 첫 번째 단락은 크다.

1066
00:48:55,100 --> 00:48:57,933
심지어 더 정확하게 할 수
단지 첫 글자 만 이상

1067
00:48:57,933 --> 00:48:59,110
나는 더 많은 컨트롤을 행사했습니다.

1068
00:48:59,110 --> 00:49:04,760
지금 봐 주길 어쩌면 나는이 작업을 수행 할 수
가끔 어떤 이유로,

1069
00:49:04,760 --> 00:49:09,010
그리고 나는이 원하지 않는
하나의 HTML 태그에 적용됩니다.

1070
00:49:09,010 --> 00:49:15,110
오히려, 이제하자 say--하자
또한 다음을 수행합니다.

1071
00:49:15,110 --> 00:49:18,810
클래스 = "가져 오기."

1072
00:49:18,810 --> 00:49:23,970
ID가 고유를하는 데 사용되는 반면
한 가지, 하나의 태그를 식별

1073
00:49:23,970 --> 00:49:30,190
웹 페이지에, 클래스가 될 것을 의미한다
요소 또는 태그의 수에 사용

1074
00:49:30,190 --> 00:49:30,950
웹 페이지에.

1075
00:49:30,950 --> 00:49:31,710
그래서 다시 사용할 수 있습니다.

1076
00:49:31,710 --> 00:49:33,090
ID를 재사용하지 않습니다.

1077
00:49:33,090 --> 00:49:34,450
클래스는 다시 사용할 수 있습니다.

1078
00:49:34,450 --> 00:49:37,830
>> 그리고 당신은 알고 무엇을 위해 무엇을,
철학적 reasons--

1079
00:49:37,830 --> 00:49:40,180
나는 완료되지 않았습니다 내
제 생각 엔 내가 말할거야

1080
00:49:40,180 --> 00:49:44,300
그 첫 번째 단락과
두 번째 단락은 중요하다.

1081
00:49:44,300 --> 00:49:48,600
그래서라는 클래스를 적용하는거야
"중요한"그게 내 파일을 저장하는 경우

1082
00:49:48,600 --> 00:49:51,510
없이이, 다시로드
아직 기능에 미치는 영향.

1083
00:49:51,510 --> 00:49:53,780
그러나 나는 몇 가지를 추가했습니다
파일에 대한 메타 데이터

1084
00:49:53,780 --> 00:49:56,610
별도의 뭔가의 종류
파일의 코어 데이터로부터

1085
00:49:56,610 --> 00:50:02,300
그래서 지금은 내 스타일에, 나는 경우
대신 ".important"말 - 당신이 알고,

1086
00:50:02,300 --> 00:50:07,110
중요한 무엇이든, 난
글꼴 색상을 만들려고하면, red--

1087
00:50:07,110 --> 00:50:09,930
또는 오히려 글꼴 색하지, 그냥 색상.

1088
00:50:09,930 --> 00:50:12,930
불일치가있다
CSS에서 불행하게도.

1089
00:50:12,930 --> 00:50:14,120
그리고 다시로드합니다.

1090
00:50:14,120 --> 00:50:17,640
이제 첫 번째 발견
두 단락은 빨간색

1091
00:50:17,640 --> 00:50:20,880
하지만 세 번째, I 때문에 만
의 클래스를 적용 "중요"

1092
00:50:20,880 --> 00:50:25,020
그 일의 처음 두에.

1093
00:50:25,020 --> 00:50:28,030
>> 아이디에 그래서, 당신은 능력을 가지고
매우 정밀하게 지정할 수 있습니다.

1094
00:50:28,030 --> 00:50:30,110
클래스를 사용하면 재사용이있다.

1095
00:50:30,110 --> 00:50:33,800
그러나, 두 경우 모두에서, 알
좋은 디자인 원칙의 종류

1096
00:50:33,800 --> 00:50:39,072
나는 모두를 고려 곳
내을 styles.css 파일 미학.

1097
00:50:39,072 --> 00:50:40,280
그래서 여기에는 어지러움가 없습니다.

1098
00:50:40,280 --> 00:50:44,490
빨간색에 대한 언급은 없습니다 또는
이 파일의 굵은 대면 또는 글꼴 크기입니다.

1099
00:50:44,490 --> 00:50:49,430
오히려 나는 의미가,
의미, 내 데이터를 특징

1100
00:50:49,430 --> 00:50:51,240
여기에 몇 가지 중요한 데이터입니다.

1101
00:50:51,240 --> 00:50:52,800
다음은 몇 가지 중요한 데이터입니다.

1102
00:50:52,800 --> 00:50:56,500
또한, 여기입니다
내 중요한 데이터의 "첫 번째".

1103
00:50:56,500 --> 00:51:01,050
그래서 HTML은 약 종류 전부입니다
태그, 문자, 단어

1104
00:51:01,050 --> 00:51:05,270
과의 단락과 구조 당신의
이 작은 힌트 페이지, 당신의 경우

1105
00:51:05,270 --> 00:51:07,640
것입니다, 당신이 할 수있는 그
어떻게 든 사용하여 활용

1106
00:51:07,640 --> 00:51:10,880
이러한 방법으로 CSS와 같은 다른 기술들.

1107
00:51:10,880 --> 00:51:14,760
>> 그래서 빅토리아의 질문에 대한 대답,
우리는 그 방법으로 텍스트를 더 만들 수 있습니다.

1108
00:51:14,760 --> 00:51:18,380
거기에 다른 많은 방법들이 있지만,
글꼴 tag-- 오픈 브래킷 "글꼴"-

1109
00:51:18,380 --> 00:51:19,770
실제로 몇 살입니다.

1110
00:51:19,770 --> 00:51:21,410
그리고,이 문제는,
도에만 의존와

1111
00:51:21,410 --> 00:51:23,485
온라인 resources--에
그들은 오래된되는 경향이있다.

1112
00:51:23,485 --> 00:51:26,110
그리고 실제로 그는 더 이상 사용되지 않습니다있어,
세계를 실현하기 때문에,

1113
00:51:26,110 --> 00:51:28,970
"글꼴 크기 = 7"은 무엇을 의미합니까?

1114
00:51:28,970 --> 00:51:29,670
그것은하지 않습니다.

1115
00:51:29,670 --> 00:51:32,770
그리고 몇 년과에
이 측면의 한 day--

1116
00:51:32,770 --> 00:51:36,060
여기에 노트가 실제로 있다는 것입니다
믿을 수 없을만큼 고통스러운 여전히 때때로

1117
00:51:36,060 --> 00:51:38,900
에 대한 사이트를 개발
웹, 때문에 마이크로 소프트

1118
00:51:38,900 --> 00:51:44,220
구글과 모질라와
다른 사람들은 종종 방법에 대한 동의

1119
00:51:44,220 --> 00:51:47,480
HTML과 같은 사양을 해석합니다.

1120
00:51:47,480 --> 00:51:52,490
>> HTML에 대한 규정집가 그
일반적으로 각 태그의 의미를 말한다.

1121
00:51:52,490 --> 00:51:55,690
그러나 때때로 그것은에 남아
구현의 재량,

1122
00:51:55,690 --> 00:51:57,290
마이크로 소프트의 재량과 구글.

1123
00:51:57,290 --> 00:52:00,000
그리고 당신은 매우 자주거야
웹 사이트 무엇인가에 참조

1124
00:52:00,000 --> 00:52:04,954
PC에서 다른 모습
그것은 Mac에서보다,

1125
00:52:04,954 --> 00:52:06,995
그리고 그것은 정말 때문에
하루의 끝에서,

1126
00:52:06,995 --> 00:52:08,891
그들은 그것을 테스트하지 않았다
물론 두 플랫폼 모두에서.

1127
00:52:08,891 --> 00:52:11,390
그러나, 또한 때문에 합리적인
똑똑한 사람들은 동의하지 않습니다

1128
00:52:11,390 --> 00:52:14,970
기업들은 동의하지, 그래서 것
프로그래밍의 과제 중 하나는

1129
00:52:14,970 --> 00:52:16,980
웹 또는 디자인에 대한
웹에 대한 것들

1130
00:52:16,980 --> 00:52:21,700
방법으로 당신의 웹 사이트를 쓰고있다
즉, 모든 웹 브라우저에서 작동합니다.

1131
00:52:21,700 --> 00:52:23,410
그러나 심지어 오른쪽 불합리한입니까?

1132
00:52:23,410 --> 00:52:27,807
너무 많은 너무 많은 버전이 있습니다
어떤 점에서, 거기에 그 브라우저,

1133
00:52:27,807 --> 00:52:30,890
당신은 또한 판단 호출을해야
당신은 회사로 결정해야,

1134
00:52:30,890 --> 00:52:33,082
특히 전자 상거래 - 스타일
당신이있어 사이트

1135
00:52:33,082 --> 00:52:36,290
최신의 그리고 최고의를 사용하려고
기술은 정말 좋은 사용자를 제공합니다

1136
00:52:36,290 --> 00:52:37,110
경험.

1137
00:52:37,110 --> 00:52:41,019
그러나 일부 사용자 비율은 수도
아직도 인터넷 익스플로러 6 또는 7을 사용하여 수

1138
00:52:41,019 --> 00:52:43,810
8, 특히에 따라
그들이에서오고 있다는 것을 국가.

1139
00:52:43,810 --> 00:52:46,760
>> 그래서 매우 일반적으로
상담은 뭔가

1140
00:52:46,760 --> 00:52:50,920
"웹 브라우저 통계."와 같은

1141
00:52:50,920 --> 00:52:56,560
우리가 할 수 이러시면 갈 경우의 위키 백과 참조
그리고 가장 최근이 차트가 얼마나 참조

1142
00:52:56,560 --> 00:52:59,320
경우 하나있다.

1143
00:52:59,320 --> 00:53:02,420
그래서 여기에 볼 수 있습니다
여기서 실제로 브라우저

1144
00:53:02,420 --> 00:53:06,160
2015년 12월에 따르면,이다,
미국 정부에 따르면.

1145
00:53:06,160 --> 00:53:11,170
크롬 다음으로 42 %의 시장 점유율에있다
대부분의 기업 설정에서 IE로

1146
00:53:11,170 --> 00:53:14,490
또는 PC 설정 물론
파이어 폭스,이어서

1147
00:53:14,490 --> 00:53:17,440
다음 사파리, 다음 오페라는하지 않았다
어떤 이유로 여기에지도를 만들어,

1148
00:53:17,440 --> 00:53:18,210
다음 기타.

1149
00:53:18,210 --> 00:53:19,500
아마 다른 사람 아래에 있습니다.

1150
00:53:19,500 --> 00:53:27,700
그러나 그것보다 더 문제가 is--
위키 백과는 경우 보자

1151
00:53:27,700 --> 00:53:35,194
브라우저의 버전 version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> 의 브라우저 통계에 가자.

1154
00:53:39,190 --> 00:53:40,680
IE.

1155
00:53:40,680 --> 00:53:42,030
심지어는 충분하지 않습니다.

1156
00:53:42,030 --> 00:53:44,854
브라우저 통계.

1157
00:53:44,854 --> 00:53:45,353
내 버전.

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
그건 바로 될 것 아니에요.

1160
00:53:50,540 --> 00:53:53,414
의이 버전을 보자.

1161
00:53:53,414 --> 00:53:54,830
브라우저 시장 점유율.

1162
00:53:54,830 --> 00:53:57,110
이가 오면 보자.

1163
00:53:57,110 --> 00:53:57,610
승인.

1164
00:53:57,610 --> 00:54:00,010
지금이 점점
좀 더 유용합니다.

1165
00:54:00,010 --> 00:54:04,870
그래서 여기에 우리 모두가 알
브라우저의 다른 버전.

1166
00:54:04,870 --> 00:54:09,887
그리고, 세상에, 당신은 크롬을 저게 경우
48, 크롬 47, 크롬 31, 크롬 45.

1167
00:54:09,887 --> 00:54:12,970
내 말은, 점점 더 업데이​​트 된 브라우저,
그 변화의 때로는 일부

1168
00:54:12,970 --> 00:54:16,430
에서 중요하다
기능면.

1169
00:54:16,430 --> 00:54:20,630
그리고 어떤 시점에서,
제품 관리자 나 엔지니어

1170
00:54:20,630 --> 00:54:23,620
decision--을해야 당신
세계의 1 %를 무엇을 알고

1171
00:54:23,620 --> 00:54:24,740
여전히 IE 7을 사용하고 있습니다.

1172
00:54:24,740 --> 00:54:25,490
그들과 함께 지옥.

1173
00:54:25,490 --> 00:54:27,470
우리는하지 않을거야
해당 브라우저를 지원합니다.

1174
00:54:27,470 --> 00:54:28,740
그리고 그것은 지원하지 않는 무엇을 의미합니까?

1175
00:54:28,740 --> 00:54:31,170
이 버튼 있음을 의미 할 수 있습니다
웹 페이지에서 작동하지 않습니다,

1176
00:54:31,170 --> 00:54:33,050
또는이 의미 수도
서식이 완전히 꺼져 있습니다.

1177
00:54:33,050 --> 00:54:35,091
아니면 확인해야 할 수도 있습니다
같은 판단 통화

1178
00:54:35,091 --> 00:54:39,089
우리가있어 이동이 일에
더 이상 IOS 5를 지원하지 않을.

1179
00:54:39,089 --> 00:54:40,380
그래서 사람들은 업그레이드해야합니다.

1180
00:54:40,380 --> 00:54:45,850
아니면 우리가 먹고를 지원하지 않을거야
안드로이드 장치에 대한 안드로이드 OS에,

1181
00:54:45,850 --> 00:54:48,629
때문에 같은을 전 세계로
기술 세계가 앞으로 이동하고 싶어,

1182
00:54:48,629 --> 00:54:51,170
그것의 종류의 드래그 싶어
그래서 그것으로 세계 그들은하지 않습니다

1183
00:54:51,170 --> 00:54:53,295
계속해야
호환 그들은 그렇게

1184
00:54:53,295 --> 00:54:54,920
새로운 좋은 기능을 제공 할 수 있습니다.

1185
00:54:54,920 --> 00:54:57,878
이것은 실제로 이유 중 하나입니다
많은 기업은 왜 출시된다

1186
00:54:57,878 --> 00:55:01,440
자동 업데이트 및 강제의 종류
우리의 소프트웨어의 최신 버전.

1187
00:55:01,440 --> 00:55:04,010
심지어 회사
애플의 정렬합니다 같이

1188
00:55:04,010 --> 00:55:07,280
당신을 거의 강제 나 강요
시장의 힘의 관점에서 당신

1189
00:55:07,280 --> 00:55:11,164
새 휴대 전화를 구입 그들은 단지 때문에
더 이상 이전 휴대폰을 업데이트하지 않습니다.

1190
00:55:11,164 --> 00:55:13,330
그래서 당신은 놓치지
최신의 그리고 최고의 기능,

1191
00:55:13,330 --> 00:55:17,520
그것은으로 그들에게 비용 때문에
회사는 틀림없이, 나이가 유지

1192
00:55:17,520 --> 00:55:19,330
소프트웨어의 열등 버전.

1193
00:55:19,330 --> 00:55:23,660
그러나 순수한 효과 있다는
우리는 또한뿐만 아니라이 고통.

1194
00:55:23,660 --> 00:55:26,550
>> 그래서 그냥 살펴 보자
여기에 최종 몇 가지.

1195
00:55:26,550 --> 00:55:29,740
의 진짜 빠른의 일부를 노크하자
그 다른 글 머리 기호, 호기심 경우.

1196
00:55:29,740 --> 00:55:33,440
그래서 당신이하려고한다면,
예, 위치에 대한

1197
00:55:33,440 --> 00:55:36,420
의 다른 측면에 텍스트
페이지, 나는, 하나 빠른 방법을 할거야

1198
00:55:36,420 --> 00:55:38,360
하지만 다른있다
이 작업을 수행하는 방법.

1199
00:55:38,360 --> 00:55:42,610
내가 가서 eliminate--하자
다음과 같이이 작업을 단순화합니다.

1200
00:55:42,610 --> 00:55:45,330
나 그냥 다시 가자 내
단순, 간단한 단락.

1201
00:55:45,330 --> 00:55:47,760
내을 styles.css로 돌아 가자.

1202
00:55:47,760 --> 00:55:51,040
그리고 난 그냥 simple--를 사용하는거야
당신이 구글에서 볼 수도있는

1203
00:55:51,040 --> 00:55:54,430
또는 earlier--에서 리콜
오른쪽 텍스트를 맞 춥니 다.

1204
00:55:54,430 --> 00:55:56,220
그리고이 페이지를 다시로드.

1205
00:55:56,220 --> 00:55:58,470
이제 모든 것
오른쪽 정렬되어야합니다,

1206
00:55:58,470 --> 00:56:00,770
여기에 오버 헤드에서 볼 수있다.

1207
00:56:00,770 --> 00:56:04,470
>> 우리는 볼 수 있습니다 좀 더
같은 책, 우리는 "정당화"말할 수

1208
00:56:04,470 --> 00:56:05,640
그리고 다시로드합니다.

1209
00:56:05,640 --> 00:56:09,870
지금은 좋은 모두에 광장의
종류의 좋은 측면.

1210
00:56:09,870 --> 00:56:12,220
우리가 여기 있었다 또 다른 목표
텍스트의 색상을 변경했다.

1211
00:56:12,220 --> 00:56:13,650
그래서 우리는 내 빨간색 텍스트와 그 보았다.

1212
00:56:13,650 --> 00:56:15,630
그리고 지금은 양식 버튼을 추가합니다.

1213
00:56:15,630 --> 00:56:19,390
그런데 왜 우리는 정확히이 일을하려고하지?

1214
00:56:19,390 --> 00:56:23,656
하지만 먼저 나를 사이트로 이동하자 그
우리의 대부분은 구글 day-- 매를 사용합니다.

1215
00:56:23,656 --> 00:56:25,780
그리고 이제 살펴 보자
어떻게 구글이 실제로 작동합니다.

1216
00:56:25,780 --> 00:56:26,821
하지만이 작업을 수행하는거야.

1217
00:56:26,821 --> 00:56:31,930
첫째 날 네를 in--하자,
내가 먼저 Google에 가자.

1218
00:56:31,930 --> 00:56:34,530
내가 가야하는거야
Google 설정으로,

1219
00:56:34,530 --> 00:56:40,660
내가 사용하지 않으려하기 때문에
뭔가 인스턴트 결과라고합니다.

1220
00:56:40,660 --> 00:56:43,580
>> 그래서 당신은에주의 수도
구글이 나를 돌아 가자 days--

1221
00:56:43,580 --> 00:56:44,850
이 전원을 켭니다.

1222
00:56:44,850 --> 00:56:47,900
내가 검색을 시작한다면
이 같은 "고양이"에 대한,

1223
00:56:47,900 --> 00:56:50,120
만하지 통지
나는까지 자동 - 완성 얻을

1224
00:56:50,120 --> 00:56:54,520
상단의 갑자기, 페이지 자체
뿐만 아니라 꽤 빨리 변경하는 것,

1225
00:56:54,520 --> 00:56:58,750
그것은 구글이 언어를 사용하여이야
도움이 될하려고 자바 스크립트했다.

1226
00:56:58,750 --> 00:57:01,540
그러나 불행하게도, 그것은 종류
우리의 논의를 망쳐 놨어요

1227
00:57:01,540 --> 00:57:04,010
실제로 무슨 일이 일어나고 있는지의
여기에 후드 아래에.

1228
00:57:04,010 --> 00:57:09,070
그래서 난 그냥 좀 빨리이다
즉시 결과를 끄십시오.

1229
00:57:09,070 --> 00:57:11,510
그리고 저장을 클릭하겠습니다.

1230
00:57:11,510 --> 00:57:13,930
그리고 지금은 열거야
진단 도구 모음이 그 I

1231
00:57:13,930 --> 00:57:16,150
네트워크 탭에서 개방을 유지합니다.

1232
00:57:16,150 --> 00:57:17,720
그래서이 작업을 수행 할 수 있습니다.

1233
00:57:17,720 --> 00:57:21,960
가구 있구만 whoops--하자
조금이 아래로 스크롤합니다.

1234
00:57:21,960 --> 00:57:24,410
그리고 저를 검색 할 수 있습니다 "고양이."

1235
00:57:24,410 --> 00:57:26,790
>> 그리고 지금 notice-- 실제로,
이 좋은 기회입니다

1236
00:57:26,790 --> 00:57:28,840
잠시 논의합니다.

1237
00:57:28,840 --> 00:57:32,460
나는 그것을 중지 유형 선택 - 순간을 알 수 있습니다.

1238
00:57:32,460 --> 00:57:35,250
멈춰.

1239
00:57:35,250 --> 00:57:35,790
승인.

1240
00:57:35,790 --> 00:57:40,870
내가 문자를 입력하는 순간에 주목
C는 화면 하단 시계.

1241
00:57:40,870 --> 00:57:48,600
A- T- S. 무슨 바닥을 수행
이 화면의 내 네트워크 탭,

1242
00:57:48,600 --> 00:57:53,320
각 일어나고 제안
시간 나는 문자를 입력?

1243
00:57:53,320 --> 00:57:57,700
불행하게도, 개구리는 매우이다
산만 오늘 또는 토끼풀

1244
00:57:57,700 --> 00:58:00,339
또는 그는 무엇이든.

1245
00:58:00,339 --> 00:58:01,880
내가 입력 할 때마다 무슨 일이 벌어지고?

1246
00:58:01,880 --> 00:58:04,230
그리고 나를 선택을 취소 할 수
버퍼 다시 입력합니다.

1247
00:58:04,230 --> 00:58:06,580
그러니까 ... 으악.

1248
00:58:06,580 --> 00:58:13,280
내가 문자를 입력 할 때마다, C- A- T--
그래서 새 행이 분명하게 나타나는 유지합니다.

1249
00:58:13,280 --> 00:58:16,530
그 각 행이 무엇을 상징 하는가,
우리가 본 논의 한 내용을 기반으로

1250
00:58:16,530 --> 00:58:17,339
지금까지?

1251
00:58:17,339 --> 00:58:18,130
청중 : 검색하면?

1252
00:58:18,130 --> 00:58:21,770
데이비드 J. 마란 : 검색하면, 또는
더 일반적으로, HTTP 요청

1253
00:58:21,770 --> 00:58:23,125
서버에 브라우저에서.

1254
00:58:23,125 --> 00:58:29,090
그럼, 왜 내 브라우저는 HTTP를하고있다
때마다 내가 문자를 입력을 요청?

1255
00:58:29,090 --> 00:58:30,502
>> 청중 : [들리지]

1256
00:58:30,502 --> 00:58:33,210
데이비드 J. 마란 : 네,주고
날이 자동 완성 결과.

1257
00:58:33,210 --> 00:58:35,190
마찬가지로, 어디에서 이러한 작업을 수행
검색 결과에서 온?

1258
00:58:35,190 --> 00:58:38,120
글쎄, 때마다 난을 입력
편지, 구글은 더 보낸다

1259
00:58:38,120 --> 00:58:40,460
점점 더 많은
내가 입력 해요 단어.

1260
00:58:40,460 --> 00:58:41,040
왜?

1261
00:58:41,040 --> 00:58:44,540
그들은 나에게주고 싶어하기 때문에
더 좋은, 더 나은 제안,

1262
00:58:44,540 --> 00:58:48,880
어떤 단어에 대한 제안 목록,
사실 전체에 노력하고있어.

1263
00:58:48,880 --> 00:58:53,030
그래서이 말 그대로 모든 말을하는 것입니다
문자는 구글에 입력

1264
00:58:53,030 --> 00:58:56,900
궁극적으로 전송되는
대량뿐만 아니라 때때로 한

1265
00:58:56,900 --> 00:59:00,620
구현하기 위해 한번에
이러한 자동 완성 기능 때

1266
00:59:00,620 --> 00:59:03,000
데이터는 웹 물론이다.

1267
00:59:03,000 --> 00:59:08,780
>> 지금, 무엇을 실제로 살펴 보자
내가 Google 검색을 클릭 할 때 발생합니다.

1268
00:59:08,780 --> 00:59:10,420
그리고 우리는이에게 자신을 활용할 수 있습니다.

1269
00:59:10,420 --> 00:59:15,320
내가 바로 지금 아래로 스크롤 경우에 따라서
방금 일어난 첫 번째 요청.

1270
00:59:15,320 --> 00:59:17,130
다음을 알 수 있습니다.

1271
00:59:17,130 --> 00:59:25,550
그것은 꽤 긴 전송 된 URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
다음 물건의 전체 무리.

1273
00:59:27,100 --> 00:59:29,620
의 지금 실제로 보자
브라우저 탭 자체입니다.

1274
00:59:29,620 --> 00:59:31,310
의 여기 도구 모음을 제거하자.

1275
00:59:31,310 --> 00:59:33,140
검색 결과 페이지이다.

1276
00:59:33,140 --> 00:59:34,790
통지는 여기에 URL입니다.

1277
00:59:34,790 --> 00:59:37,430
지금, 당신은 아마 추측 할 수
무슨 일이 부분적으로 여기에 것입니다.

1278
00:59:37,430 --> 00:59:39,090
정의, 모든 그래서 일단.

1279
00:59:39,090 --> 00:59:42,570
이것은 분명히 대상입니다
양식은 어디에 제출됩니다.

1280
00:59:42,570 --> 00:59:44,910
그래서 난에 입력 할 때
단어 "고양이"와, Enter 키를 누르

1281
00:59:44,910 --> 00:59:48,460
분명히 구글은 전송
이 URL에 내 텍스트 입력

1282
00:59:48,460 --> 00:59:50,770
내가 강조했다고
이 검색을 슬래시.

1283
00:59:50,770 --> 00:59:56,530
그 URL을, 아무것도, 알고 보니
물음표가 후 발생,

1284
00:59:56,530 --> 01:00:01,270
우리가 말을 지킬 때, 키 - 값 쌍
그는 형태로 또는 어떻게 든 입력했다

1285
01:00:01,270 --> 01:00:04,500
로부터 송신
서버에 브라우저.

1286
01:00:04,500 --> 01:00:07,180
>> 그래서 언제든지 당신은 입력을 입력
웹의 형태로

1287
01:00:07,180 --> 01:00:10,000
우리가했습니다으로하고 보낼거야
는 GET을 통해 논의하고,

1288
01:00:10,000 --> 01:00:12,400
이러한 가상의 하나
봉투, 콘텐츠

1289
01:00:12,400 --> 01:00:15,510
그 예 envelope--의 보관
물리적으로 박제하기

1290
01:00:15,510 --> 01:00:19,010
클래스의 봉투에
오늘, 그러나 기술적으로

1291
01:00:19,010 --> 01:00:21,110
그것은 실제로 URL에 넣어 것.

1292
01:00:21,110 --> 01:00:22,940
사실 그래서, 내가이 가려 낼 수 있습니다.

1293
01:00:22,940 --> 01:00:25,010
당신은 어디에서 사용자의 입력을 볼 수 있습니까?

1294
01:00:25,010 --> 01:00:27,490
어디 당신이 뭔가를 보는가
나 자신은 여기에 입력했는지?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
그래서 "고양이."그래

1297
01:00:33,491 --> 01:00:33,990
권리?

1298
01:00:33,990 --> 01:00:36,380
그래서 내가 이것을 증류하자
간단하게 뭔가에.

1299
01:00:36,380 --> 01:00:39,917
나는에 대한 모든 것을 삭제하는거야
내가 이해하지 못하는이 URL,

1300
01:00:39,917 --> 01:00:42,250
난 그냥 떠날거야
그것은이 항아리로 / 검색? Q = 고양이.

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
우리는 여기서 Q를 볼 수 있습니다
잠시에서 온다,

1303
01:00:47,890 --> 01:00:51,220
하지만 최소 것 같은 느낌이 든다
내가 제공 한 정보의 양.

1304
01:00:51,220 --> 01:00:53,050
그리고 지금은 Enter 키를 누르거야.

1305
01:00:53,050 --> 01:00:55,520
그리고 그것은 여전히​​ 작동 알 수 있습니다.

1306
01:00:55,520 --> 01:00:57,950
우리는 여전히 고양이의 전체 무리를 다시 얻을.

1307
01:00:57,950 --> 01:01:00,340
그래서 구글은 애호​​가입니다
이것보다 요즘.

1308
01:01:00,340 --> 01:01:01,934
그것은 2016 년이 아니라 1999입니다.

1309
01:01:01,934 --> 01:01:04,600
그래서 다른 물건이있다 그 내를
브라우저는 서버에 전송된다.

1310
01:01:04,600 --> 01:01:07,100
그러나 이것은 최소한이다
모두가 필요합니다.

1311
01:01:07,100 --> 01:01:08,380
>> 그래서 무슨 일이야?

1312
01:01:08,380 --> 01:01:14,320
음, 첫째 날 가서 가자
다시 Cloud9에 나를 앞서 가자

1313
01:01:14,320 --> 01:01:15,620
이전 내 탭을 닫습니다.

1314
01:01:15,620 --> 01:01:18,230
그리고 나는 이것을에 할 거 야 내
단지 잠시 동안 소유하고 있습니다.

1315
01:01:18,230 --> 01:01:20,730
나는 앞서 갈거야
새로운 파일을 만듭니다.

1316
01:01:20,730 --> 01:01:23,739
그리고 난의 google.html로 저장하겠습니다.

1317
01:01:23,739 --> 01:01:26,280
그리고 나는 매우 quickly--에 갈거야
나는 실제로 훔칠거야

1318
01:01:26,280 --> 01:01:28,510
이 텍스트의 일부는 단지 시간을 저장합니다.

1319
01:01:28,510 --> 01:01:30,610
여기에이 붙여 넣을거야.

1320
01:01:30,610 --> 01:01:33,850
내가 귀찮게하지 않을거야
어떤 양식에이 시간.

1321
01:01:33,850 --> 01:01:38,340
우리는이 호출 할거야 "내 구글을."

1322
01:01:38,340 --> 01:01:41,230
그리고 난 없애려고
신체의 모든 것을.

1323
01:01:41,230 --> 01:01:42,740
그리고 난 다음을 수행하겠습니다.

1324
01:01:42,740 --> 01:01:45,690
저를 확대 할 수 있습니다.

1325
01:01:45,690 --> 01:01:50,620
action-- 폼 나는 간단히 언급 한 바와 같이
나는 간단히로 whoops-- earlier--

1326
01:01:50,620 --> 01:01:54,130
a의 액션, 앞서 언급
형태는 당신이 데이터를 보낼 곳입니다.

1327
01:01:54,130 --> 01:01:56,620
그래서 google.com/search.

1328
01:01:56,620 --> 01:01:59,390
본 방법은 I 사용할
두 가지 중 하나가 될 수 있습니다.

1329
01:01:59,390 --> 01:02:02,870
우리가 지킬 때 그것은 하나 "얻을"수 있습니다
논의, 또는 할 수있다 "게시 할 수 있습니다."

1330
01:02:02,870 --> 01:02:05,340
지금은, 기본
당신이 사용하는 경우의 차이는 "GET"입니다

1331
01:02:05,340 --> 01:02:09,590
그 모든 정보
사용자는 URL로 전송됩니다 제공합니다.

1332
01:02:09,590 --> 01:02:13,530
>> 즉, 검색 같은 것들에 좋은 곳입니다
엔진과 몇 가지 다른 응용 프로그램,

1333
01:02:13,530 --> 01:02:17,080
하지만 어떤에서와 상황 것
당신은 양식을 작성하지

1334
01:02:17,080 --> 01:02:21,620
상기 정보는 결국 한
URL, 브라우저의 주소 표시 줄에 같은?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
형태의 어떤 종류의 방송 해요을

1337
01:02:26,605 --> 01:02:27,480
청중 : [들리지]

1338
01:02:27,480 --> 01:02:28,450
데이비드 J. 마란 : 그래, 어떤 거?

1339
01:02:28,450 --> 01:02:29,270
청중 : 암호.

1340
01:02:29,270 --> 01:02:31,936
데이비드 J. 마란 : 그래, 당신은 로그인 할 수 있도록
페이스 북이나 일부 웹 사이트에있다.

1341
01:02:31,936 --> 01:02:34,395
즉로부터 사용자 입력의
양식, 텍스트 상자,

1342
01:02:34,395 --> 01:02:37,020
하지만 당신은 아마 그것을 원하지 않아요
브라우저의 URL에 표시.

1343
01:02:37,020 --> 01:02:38,121
왜?

1344
01:02:38,121 --> 01:02:40,870
나는 어쩌면 몇 가지가있다, 의미
네트워크의 보안 문제,

1345
01:02:40,870 --> 01:02:44,830
하지만 좋아하는 선율은, 더 간단하게, 어떤 경우
룸메이트, 당신의 중요한 다른,

1346
01:02:44,830 --> 01:02:47,710
당신의 아이는 당신의 배우자가 보인다
브라우저 기록을 통해?

1347
01:02:47,710 --> 01:02:50,762
비밀번호 권리가있다
이 브라우저의 역사입니다.

1348
01:02:50,762 --> 01:02:52,220
즉, 좋은 디자인처럼 생각하지 않습니다.

1349
01:02:52,220 --> 01:02:54,500
심지어 더 기술적으로,
당신이하려고하는 가정

1350
01:02:54,500 --> 01:02:59,180
플리커 (Flickr)에 사진을 업로드
또는 페이스 북이나 wherever--

1351
01:02:59,180 --> 01:03:03,010
그 경우에도, 사용자 입력
이 방법 interesting-- 조금 더

1352
01:03:03,010 --> 01:03:05,530
나는 URL 표시 줄에 이미지를 벼락 공부합니까?

1353
01:03:05,530 --> 01:03:06,730
당신은 가지 종류의 수 없습니다.

1354
01:03:06,730 --> 01:03:07,396
당신은 종류의 수 있습니다.

1355
01:03:07,396 --> 01:03:10,210
하지만, 정말로, 나는 곤경에 해요
그 일을 상상합니다.

1356
01:03:10,210 --> 01:03:13,470
그래서 다른 방법이 필요합니다
웹 사이트에 사진을 업로드,

1357
01:03:13,470 --> 01:03:15,657
그리고 다른 방법은 "게시물"이라고합니다.

1358
01:03:15,657 --> 01:03:18,740
하지만 지금, 우리는 단지에 대해 얘기하자
두 가지의 간단 인 "얻을".

1359
01:03:18,740 --> 01:03:21,100
그냥두고 모든
의 URL에 사용자 입력.

1360
01:03:21,100 --> 01:03:22,830
>> 그래서 여기 내가 만드는거야 형태입니다.

1361
01:03:22,830 --> 01:03:24,070
I는 입력을 할 수 있습니다.

1362
01:03:24,070 --> 01:03:24,820
그리고 그거 알아?

1363
01:03:24,820 --> 01:03:26,111
여기 추측을거야.

1364
01:03:26,111 --> 01:03:31,600
내가 기억하는거야 내
의 입력 "Q", "쿼리."

1365
01:03:31,600 --> 01:03:34,970
그리고이 중 하나라고 생각합니다
오리지널 디자인, 아마도, 1999.

1366
01:03:34,970 --> 01:03:39,560
이 입력의 다음 유형
단지가 될 것입니다 "텍스트입니다."

1367
01:03:39,560 --> 01:03:43,040
그리고 나는 또 다른 입력을거야
즉, 우리가 곧거야, 이름을 필요로하지 않는다

1368
01:03:43,040 --> 01:03:45,120
유형은 참조 "제출한다."

1369
01:03:45,120 --> 01:03:47,070
그리고 이것은 가고있다
나에게 특별한 버튼을 제공합니다.

1370
01:03:47,070 --> 01:03:48,320
그리고 그게 다입니다.

1371
01:03:48,320 --> 01:03:50,790
>> 그래서 내가 가서이 파일을 저장 할 수 있습니다.

1372
01:03:50,790 --> 01:03:54,910
나는 돌아갈거야 내
브라우저의 google.html로 이동합니다.

1373
01:03:54,910 --> 01:03:56,140
들어가다.

1374
01:03:56,140 --> 01:03:59,680
그리고 드문 드문 종류의
적어도 말을합니다.

1375
01:03:59,680 --> 01:04:03,110
그러나 내가 앞서 가자
및 검색 "고양이."

1376
01:04:03,110 --> 01:04:06,510
그리고 나는 현재 해요 통지
이 Cloud9의 URL에서.

1377
01:04:06,510 --> 01:04:09,240
하지만 그 순간 나는 이쪽을 클릭,
여기서 당신은 내가 결국 바랍니다합니까?

1378
01:04:09,240 --> 01:04:10,160
>> 청중 : 구글.

1379
01:04:10,160 --> 01:04:11,118
>> 데이비드 J. 마란 : 구글.

1380
01:04:11,118 --> 01:04:12,740
그럼 제출을 클릭 할 수 있습니다.

1381
01:04:12,740 --> 01:04:15,200
그리고 실제로 나는 구글을 다시 구현했습니다.

1382
01:04:15,200 --> 01:04:15,700
권리?

1383
01:04:15,700 --> 01:04:16,480
그것은 간단합니다.

1384
01:04:16,480 --> 01:04:17,120
그것은 라이터입니다.

1385
01:04:17,120 --> 01:04:20,350
내 코드가 명확보다 더 의미
그들의은 혼란에서 우리는 이전 보았다.

1386
01:04:20,350 --> 01:04:21,100
그리고 그거 알아?

1387
01:04:21,100 --> 01:04:22,610
나는 조금이 양념거야.

1388
01:04:22,610 --> 01:04:23,860
나는이 이전 버전을 언급하지 않았다.

1389
01:04:23,860 --> 01:04:27,860
(1) 제목에 대한 H1 같은 태그가 있습니다,
페이지에서 가장 중요한 제목.

1390
01:04:27,860 --> 01:04:30,570
"내 구글은"나는이 전화 할게.

1391
01:04:30,570 --> 01:04:31,940
나를 다시 보자.

1392
01:04:31,940 --> 01:04:33,772
이미 조금 더 찾고 있습니다.

1393
01:04:33,772 --> 01:04:34,980
그리고, 사실, 그거 알아?

1394
01:04:34,980 --> 01:04:36,430
내가 거짓말을 already--했습니다.

1395
01:04:36,430 --> 01:04:40,200
나는이 스타일을하지 않을 있다고 말했다,
하지만 예전처럼이 스타일을거야.

1396
01:04:40,200 --> 01:04:46,860
그리고 내 몸이 될 것입니다
텍스트 정렬 센터의 말을 할 수 있습니다.

1397
01:04:46,860 --> 01:04:48,800
이미 많은 구글처럼 찾고 있습니다.

1398
01:04:48,800 --> 01:04:51,090
>> 나는하지만, 줄 바꿈이 필요
그것을 위해 버튼을 제출합니다.

1399
01:04:51,090 --> 01:04:52,798
그리고 당신은 밝혀
단락을 사용할 수 있습니다,

1400
01:04:52,798 --> 01:04:57,320
또는 당신은 더 많은 문자 그대로 그냥 말할 수있다
나에게 휴식은 BR 태그를 here-- 라인을 제공합니다.

1401
01:04:57,320 --> 01:04:59,319
나는이를 다시로드한다면, 지금이 간다.

1402
01:04:59,319 --> 01:05:01,610
그것은 조금 못생긴, 그래서
여러 줄 바꿈을 할 수있는,

1403
01:05:01,610 --> 01:05:03,310
그러나의 여기 너무 욕심 얻을 수 있습니다.

1404
01:05:03,310 --> 01:05:06,430
그래서 지금을 위해 작동하는지 보자 "개."

1405
01:05:06,430 --> 01:05:08,640
뿐만 아니라 "개"를 작동하는 것 같다.

1406
01:05:08,640 --> 01:05:10,780
그래서 강력한 테이크 아웃은 여기에 무엇입니까?

1407
01:05:10,780 --> 01:05:13,600
One--는에 큰 도약이 아니었다
몇 가지 더 태그를 소개합니다

1408
01:05:13,600 --> 01:05:15,370
입력 태그의 form 태그 등을들 수있다.

1409
01:05:15,370 --> 01:05:17,120
하지만 더 근본적으로
이며, 모두 우리가하고있는

1410
01:05:17,120 --> 01:05:20,610
우리의 이해를 활용하여
HTTP와 사실

1411
01:05:20,610 --> 01:05:24,900
형태는 궁극적으로 변경할 수 있음
브라우저의 URL에 무엇을,

1412
01:05:24,900 --> 01:05:28,540
그래서, 그러므로, 우리는 할 수
기계적 서버에 입력을 제공 할

1413
01:05:28,540 --> 01:05:33,600
HTML 양식을 만들고 알고에 의해
서버가 HTTP를 이해하는,

1414
01:05:33,600 --> 01:05:36,890
우리의 몸은 같은 이해 좋아,
내 손을 떨고, 같은 프로토콜,

1415
01:05:36,890 --> 01:05:40,920
그래서 우리는 응답을 얻을
우리는 궁극적으로 기대.

1416
01:05:40,920 --> 01:05:44,050
>> 그럼 하나를 수행 해보자
마지막으로 이제 모바일과 함께,

1417
01:05:44,050 --> 01:05:47,052
그리고 내가 추가 할 것입니다 make--합니다
슬라이드에이 코드.

1418
01:05:47,052 --> 01:05:49,760
당신은, 당신을 수리를하고 싶습니다 그래서 만약
확실히 거기에서 걸릴 수 있습니다.

1419
01:05:49,760 --> 01:05:51,551
하지만 난 갈거야
앞서 한 일을.

1420
01:05:51,551 --> 01:05:54,120
내가 가서거야 및
내 인덱스 page--을 열어

1421
01:05:54,120 --> 01:05:59,030
이전과 나의 안녕 페이지, 어떤
이 가짜 라틴어 텍스트를 많이하고있다

1422
01:05:59,030 --> 01:06:05,470
또는 의미 라틴어 텍스트 및 has--
그것은이 글꼴 크기 다음과 같습니다.

1423
01:06:05,470 --> 01:06:07,850
그러나 내가 가서이 작업을 수행 할 수 있습니다.

1424
01:06:07,850 --> 01:06:09,300
나는 Cloud9에 갈거야.

1425
01:06:09,300 --> 01:06:10,380
그리고이 단계를 수행 할 필요가 없습니다.

1426
01:06:10,380 --> 01:06:11,420
난 그냥 나 자신을 다하겠습니다.

1427
01:06:11,420 --> 01:06:12,890
나는 공유를 클릭거야.

1428
01:06:12,890 --> 01:06:15,170
그리고 이것은 기능입니다
바로 Cloud9, 이에의

1429
01:06:15,170 --> 01:06:17,710
내 환경에 공개 할 수 있습니다.

1430
01:06:17,710 --> 01:06:20,240
>> 그리고 단지의 이익을 위해
데모는, 내가이 작업을 수행 할 수 있습니다.

1431
01:06:20,240 --> 01:06:22,870
내 응용 프로그램을 공개하겠습니다.

1432
01:06:22,870 --> 01:06:25,230
오전, 그것은 나를 경고있어 주목하라
나는 확실히 나는이 작업을 수행 할 수

1433
01:06:25,230 --> 01:06:28,438
이 모두를 만들려고하기 때문에
세계에서인지 그들은 지금 여기

1434
01:06:28,438 --> 01:06:33,560
또는 나중에 비디오를보고
수 인터넷이 내가 보는 것을 볼 수 있습니다.

1435
01:06:33,560 --> 01:06:34,440
하지만 괜찮아요.

1436
01:06:34,440 --> 01:06:37,870
내가 말할거야 "완료."

1437
01:06:37,870 --> 01:06:42,080
내가 한 경우에, 내가 당신을 격려하자
이 날 먼저 테스트 할 수 correctly--.

1438
01:06:42,080 --> 01:06:45,590
당신이 mind--하지 않는 경우, 어서
컴퓨터의 브라우저에서,

1439
01:06:45,590 --> 01:06:49,900
이 URL로 이동, 희망
내 라틴어 텍스트를 볼 수 있습니다.

1440
01:06:49,900 --> 01:06:52,820
그리고 명확하게하기 위해, 그것은이다
내 노트북​​에없는 실행.

1441
01:06:52,820 --> 01:06:53,610
그것은 클라우드에 있습니다.

1442
01:06:53,610 --> 01:06:58,120
그것은 문자 그대로, Cloud9에있어하지만
내 작업 공간을 공개했습니다

1443
01:06:58,120 --> 01:07:03,450
그래서 인터넷에서 사람
내 라틴어 홈 페이지에 액세스 할 수 있습니다.

1444
01:07:03,450 --> 01:07:07,209
>> 같은 URL에로 이동
휴대 전화, 당신이 할 수있는 경우.

1445
01:07:07,209 --> 01:07:09,750
그것은 당신에게하지만, 당신을 요할 것이다 경우
그냥 어깨 너머로 볼 수 있습니다.

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
청중 : [들리지]

1448
01:07:42,467 --> 01:07:43,550
데이비드 J. 마란 : 미안 해요?

1449
01:07:43,550 --> 01:07:45,390
청중 : [들리지]

1450
01:07:45,390 --> 01:07:47,710
데이비드 J. 마란 : 그냥 라틴어 단어.

1451
01:07:47,710 --> 01:07:48,210
그게 다야.

1452
01:07:48,210 --> 01:07:49,250
하지만 당신이 볼 수거야.

1453
01:07:49,250 --> 01:07:49,875
>> 청중 : 네.

1454
01:07:49,875 --> 01:07:50,790
데이비드 J. 마란 : 그래.

1455
01:07:50,790 --> 01:07:51,300
네.

1456
01:07:51,300 --> 01:07:51,540
승인.

1457
01:07:51,540 --> 01:07:53,530
그래서 나는까지 수용 할 수 있습니다
단지 잠시 동안 전화?

1458
01:07:53,530 --> 01:07:57,504
그래서, 희망, 당신은 액세스하는 경우
그것은 거의 읽을 보일 것입니다.

1459
01:07:57,504 --> 01:07:59,920
그것은 내 말은 아직 -, 그것의의
때문에 라틴어를 읽을.

1460
01:07:59,920 --> 01:08:01,920
그러나 그것은 또한 읽을 수 있어요
무슨 다른 이유?

1461
01:08:01,920 --> 01:08:03,775
마찬가지로, 당신은 이것에 대해 어떤 불쾌?

1462
01:08:03,775 --> 01:08:04,650
청중 : 그것은 작은입니다.

1463
01:08:04,650 --> 01:08:06,420
데이비드 J. 마란 : 그것은 매우 작은, 슈퍼입니다.

1464
01:08:06,420 --> 01:08:07,920
그래서 우리는 어떻게이 문제를 해결할 수 있을까?

1465
01:08:07,920 --> 01:08:09,730
그것은 매우 작은, 슈퍼입니다
빅토리아의 전화

1466
01:08:09,730 --> 01:08:11,400
그리고, 당신은 뽑아 한 경우
아마도까지 자신,

1467
01:08:11,400 --> 01:08:14,660
휴대 전화에 작은뿐만 아니라, 당신이하지 않는
내게 필요한 옵션 설정을 사용할 수 있습니다.

1468
01:08:14,660 --> 01:08:15,530
그게 뭔데?

1469
01:08:15,530 --> 01:08:18,497
당신은 그냥 꼬집어 수 있으며,
가능한입니다 줌,

1470
01:08:18,497 --> 01:08:20,330
하지만 당신은 단지 참조
한 번에 몇 마디.

1471
01:08:20,330 --> 01:08:20,859
그래서 분을 기다립니다.

1472
01:08:20,859 --> 01:08:21,720
나는이 문제를 해결하는 방법을 알고있다.

1473
01:08:21,720 --> 01:08:22,219
권리?

1474
01:08:22,219 --> 01:08:26,130
나는 CSS를 사용할 수 있습니다, 그리고 나는를 변경할 수 있습니다
12 점에서 24 점으로 글꼴 크기입니다.

1475
01:08:26,130 --> 01:08:29,020
하지만 부작용,
물론, 지금이 될 것입니다,

1476
01:08:29,020 --> 01:08:32,630
데스크톱이나 노트북에,
이제 텍스트는 큰 배입니다.

1477
01:08:32,630 --> 01:08:35,810
그리고 그것은 종류의 좋은 것
장치를 구별하는,

1478
01:08:35,810 --> 01:08:37,840
그리고 거기에 밝혀
그 일을하는 방법입니다.

1479
01:08:37,840 --> 01:08:39,590
여러 가지가 있습니다
다른 방법으로, 사실,

1480
01:08:39,590 --> 01:08:44,189
CSS와 애호가 기능을 사용함으로써
우리는 훌륭한 세부 사항에 들어가되지 않습니다,

1481
01:08:44,189 --> 01:08:46,960
당신은 본질적으로 조회 할 수 있습니다
브라우저 및 말

1482
01:08:46,960 --> 01:08:51,550
화면이보다 작 으면
많은 픽셀이 글꼴 크기를 사용합니다.

1483
01:08:51,550 --> 01:08:55,180
화면이보다 크면
많은 픽셀이 다른 글꼴 크기를 사용합니다.

1484
01:08:55,180 --> 01:08:57,080
>> 당신은 여전히​​에도 애호가가 될 수 있습니다.

1485
01:08:57,080 --> 01:09:00,140
당신이 이제까지 방문한 경우
웹 페이지 즉, 바탕 화면에,

1486
01:09:00,140 --> 01:09:04,404
아마에 떨어져 큰 메뉴가 있습니다
후 측면, 및 모든 콘텐츠

1487
01:09:04,404 --> 01:09:07,029
그 옆에있다 menu--
즉, 일반적인 패러다임의 종류입니다.

1488
01:09:07,029 --> 01:09:09,670
왼쪽, 콘텐츠에 대한 메뉴
오른쪽, 또는 그 반대에.

1489
01:09:09,670 --> 01:09:13,569
때 정말 모바일에서 작동하지 않는
화면이 넓은 만이 많은 픽셀입니다.

1490
01:09:13,569 --> 01:09:16,233
휴대가에 따라서 더 많이,
메뉴 갑자기 얻을 것이다

1491
01:09:16,233 --> 01:09:18,399
붕괴, 당신은에 있습니다
그것을보고 버튼을 클릭,

1492
01:09:18,399 --> 01:09:22,404
또는 웹 사이트 메뉴를 넣어 것입니다
그리고 그 위에 아래 내용을 넣어.

1493
01:09:22,404 --> 01:09:24,779
그리고 당신은이를 구현할 수 있습니다
너무 여러 가지 것들.

1494
01:09:24,779 --> 01:09:28,340
당신은 당신의 프로그래머를 요청할 수 있습니다,
이봐, 팀, 언제든지

1495
01:09:28,340 --> 01:09:34,450
당신은 안드로이드에서 HTTP 요청을 참조
장치는 Microsoft 장치, 구글

1496
01:09:34,450 --> 01:09:39,930
장치 애플 장치는 이것을 사용
폰트 크기는 메뉴 레이아웃을 사용하고

1497
01:09:39,930 --> 01:09:42,670
그렇지 않으면이 기본 더 큰 레이아웃을 사용합니다.

1498
01:09:42,670 --> 01:09:45,410
>> 지금 사용하는 것
기본적인 기술의 오늘

1499
01:09:45,410 --> 01:09:48,529
엔지니어는 사용할 수
그것의 여부를 알 수 있습니다

1500
01:09:48,529 --> 01:09:53,660
아이폰, 안드로이드 폰, 노트북,
회사의 서버를 방문 데스크톱?

1501
01:09:53,660 --> 01:09:55,310
항에있어서, 그들은 그 정보를받을 수 있나요?

1502
01:09:55,310 --> 01:09:56,080
>> 청중 : 헤더?

1503
01:09:56,080 --> 01:09:57,740
>> 데이비드 J. 마란 : 네, HTTP 헤더.

1504
01:09:57,740 --> 01:10:01,714
그래서 모든 HTTP 요청에서 오는
고객 자신의 서버에

1505
01:10:01,714 --> 01:10:03,880
가상 내부에 포함
봉투, 전체 무리

1506
01:10:03,880 --> 01:10:08,260
HTTP 헤더들 중 하나는
브라우저 및 운영 체제

1507
01:10:08,260 --> 01:10:10,290
심지어 당신이에 관심이있는 경우
세부 사항의 수준.

1508
01:10:10,290 --> 01:10:13,790
지금, 그것은 비밀 보이는 문자열,이다하지만,
소프트웨어가 존재하는 단지 것

1509
01:10:13,790 --> 01:10:18,530
그 단순화하고, 당신은 요청할 수 있습니다
PHP, 자바, C code-- 프로그래밍 ++,

1510
01:10:18,530 --> 01:10:23,650
whatever-- 어떤 전화는이 항아리입니다
사용이 사용자는 어떤 장치인가?

1511
01:10:23,650 --> 01:10:27,501
그리고 당신은 그들이 보여 말할 수
웹 사이트의 버전은 전화​​ 인 경우.

1512
01:10:27,501 --> 01:10:30,250
그들에게이 버전을보기
웹 사이트는 노트북이나 데스크탑의 경우.

1513
01:10:30,250 --> 01:10:32,316
하지만 당신도 필요하지 않습니다
서버 측 복잡성.

1514
01:10:32,316 --> 01:10:33,940
당신은 물건도 간단한 작업을 수행 할 수 있습니다.

1515
01:10:33,940 --> 01:10:34,815
>> 나는이 작업을 수행하는거야.

1516
01:10:34,815 --> 01:10:38,995
나는에 가서거야
제 Cloud9 환경

1517
01:10:38,995 --> 01:10:41,370
나는 태그를 추가거야
이전에 구글에서 보았다.

1518
01:10:41,370 --> 01:10:42,770
그것은 메타 태그라고합니다.

1519
01:10:42,770 --> 01:10:45,520
그리고 정말이 일을 기억하지
난 여기가 전사거야.

1520
01:10:45,520 --> 01:10:50,552
메타 이름 = 다음 "뷰포트"와
내용 = "너비 = 장치 폭, intital

1521
01:10:50,552 --> 01:11:02,060
규모 = 1 "그게입니다.

1522
01:11:02,060 --> 01:11:06,230
>> 그래서 그것은뿐만 아니라 수 있습니다
마법의 주문처럼.

1523
01:11:06,230 --> 01:11:11,300
그것은 모든 것을 명확하지 않다,하지만이 있습니다
뭔가, 뷰포트로 할 수 있습니다

1524
01:11:11,300 --> 01:11:15,070
뷰포트는 단지 몸
웹 페이지, 직사각형 영역 그

1525
01:11:15,070 --> 01:11:16,690
페이지의 대부분을 정의합니다.

1526
01:11:16,690 --> 01:11:19,060
그리고 이것은 단지 말하고있다
브라우저, 그거 알아?

1527
01:11:19,060 --> 01:11:22,589
이 페이지의 폭을
장치 폭에 효과적으로 동일.

1528
01:11:22,589 --> 01:11:25,380
즉, 그 가정하지
당신은 무한한 공간의 종류가 있습니다.

1529
01:11:25,380 --> 01:11:29,920
당신은 단지 많이 있다고 가정
장치 자체 공간이 큽니다.

1530
01:11:29,920 --> 01:11:34,454
그리고 지금, 경우에게 나는이를 다시로드
내 브라우저에서, 나는 변화를 볼 수 없습니다.

1531
01:11:34,454 --> 01:11:37,370
하지만이 correctly--을 한 경우
내 fingers--을 교차하게하는 모든 경우

1532
01:11:37,370 --> 01:11:42,920
당신의 전화를 다시로드, 당신을
강력한 변화를 볼?

1533
01:11:42,920 --> 01:11:43,620
그래, that--입니다

1534
01:11:43,620 --> 01:11:45,067
>> 청중 : [들리지]

1535
01:11:45,067 --> 01:11:45,900
데이비드 J. 마란 : 예.

1536
01:11:45,900 --> 01:11:46,400
승인.

1537
01:11:46,400 --> 01:11:47,850
그래서 틀림없이 더 읽기 지금?

1538
01:11:47,850 --> 01:11:53,070
아직도 작은, 공정하게,하지만합니다
그래서 작은 관리 할 수​​ 있습니다.

1539
01:11:53,070 --> 01:11:56,920
그리고 나는 확실히이 메소드를 오버라이드 (override) 할 수
상기 CSS 또는 서버 측에서

1540
01:11:56,920 --> 01:12:00,120
하지만 점점 당신이있어 무엇을
점점 더 많은 기능을되어보고

1541
01:12:00,120 --> 01:12:02,900
에 추가
클라이언트 측 environments--

1542
01:12:02,900 --> 01:12:06,530
자바 스크립트, 우리가 논의 되겠지만
내일, CSS 및 HTML-- 그래서

1543
01:12:06,530 --> 01:12:09,190
이러한 쿼리의 모든
클라이언트에서 수행 할 수 있습니다

1544
01:12:09,190 --> 01:12:11,910
되도록하면 귀찮게하기
서버 훨씬 덜하지

1545
01:12:11,910 --> 01:12:14,530
들어와 계속해야합니다
예, 상수 맹공

1546
01:12:14,530 --> 01:12:17,210
새로운 운영 체제의
버전, 새로운 브라우저 버전.

1547
01:12:17,210 --> 01:12:20,190
당신은 브라우저를하도록 할 수 있습니다
장치를 물어, 당신이 얼마나 큰 있습니다

1548
01:12:20,190 --> 01:12:22,890
다음 다소 논리적 확인
그에 따라 결정.

1549
01:12:22,890 --> 01:12:25,140
그러나 우리는 더 많은 기회를 볼 수 있습니다
논리적 결정에 대한

1550
01:12:25,140 --> 01:12:27,223
맥락에서 내일
프로그래밍 언어의.

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> 그래서, 질문, 다음,
웹 개발에?

1553
01:12:32,760 --> 01:12:36,130
오늘은 웹 프로그래밍, 당 없습니다
우리가했던 자체는, 이후 대부분의 모든

1554
01:12:36,130 --> 01:12:38,370
당신이 경우, 매우 심미적이었다.

1555
01:12:38,370 --> 01:12:41,750
어떤 의사 결정이 없습니다
우리가 작성한 코드,

1556
01:12:41,750 --> 01:12:44,990
HTML은 마크 업이 이유 때문에 그건
언어가 아닌 프로그램 언어.

1557
01:12:44,990 --> 01:12:47,140
그러나 내일 우리는 할게요
얼핏, 궁극적으로,

1558
01:12:47,140 --> 01:12:49,340
자바 스크립트에서, 어느입니다
실제 프로그래밍

1559
01:12:49,340 --> 01:12:54,220
우리가 조금 더 많은 일을 할 수 있습니다 언어입니다.

1560
01:12:54,220 --> 01:12:56,800
>> 질문?

1561
01:12:56,800 --> 01:13:00,480
글쎄, 내가 두를 제안하자
숙제에 대한 선택 기회를 제공합니다.

1562
01:13:00,480 --> 01:13:02,900
하나는 이러한 Cloud9 데로
계정이 만료되지 않습니다.

1563
01:13:02,900 --> 01:13:04,669
당신은 사용하기 환영합니다
그들에게 어설프게합니다.

1564
01:13:04,669 --> 01:13:05,960
이 서비스의 무료 수준입니다.

1565
01:13:05,960 --> 01:13:08,754
만들 때 경우, 그 실현
작업 공간, 당신은 그것을 공개

1566
01:13:08,754 --> 01:13:11,670
즉, 해당 사람을 의미 하는가
인터넷은 당신이 입력하는 것을 볼 수 있습니다.

1567
01:13:11,670 --> 01:13:15,104
그래서 어쩌면 그냥 생각
자신을 당황하지

1568
01:13:15,104 --> 01:13:18,020
당신은 당신의 첫 번째 웹 퍼팅하는 경우
공개적으로 실수로이 페이지,

1569
01:13:18,020 --> 01:13:20,134
그러나 아무도에게 않을거야
어쨌든보고 알고있다.

1570
01:13:20,134 --> 01:13:23,760
>> 그리고 나에게 던져 보자 2가 있으며
뿐만 아니라이 URL까지,

1571
01:13:23,760 --> 01:13:28,250
오늘 A의 온, 특히
다른 사람보다 편안한 조금

1572
01:13:28,250 --> 01:13:30,430
이 모든 물건이 무엇을 의미하는지 확실하지.

1573
01:13:30,430 --> 01:13:36,780
이 동영상의 훨씬 더 실현
어떤 잠들 수있는 좋은 방법 둘 다

1574
01:13:36,780 --> 01:13:39,380
또한 동안 웃음
또한 가지며, 이렇게

1575
01:13:39,380 --> 01:13:44,300
사회적으로 관심을 많이
및 보안 관련 토론

1576
01:13:44,300 --> 01:13:47,370
거기에 존 올리버에서,
코미디언이기는하지만.

1577
01:13:47,370 --> 01:13:55,456
>> 그러나 더 이상의 질문이없는 경우,
그 수신에 우리를 제공합니다.

1578
01:13:55,456 --> 01:13:56,830
그래서 내가 왜 음악 켜지지 않습니다.

1579
01:13:56,830 --> 01:13:58,610
음료가 있어야한다
외부와 스낵.

1580
01:13:58,610 --> 01:14:00,220
나뿐만에 대한 어울려 행복 해요
사람들이 원하는만큼 오래,

1581
01:14:00,220 --> 01:14:01,600
일대일 질문에 더 대답합니다.

1582
01:14:01,600 --> 01:14:03,330
그러나, 그렇지 않으면, 당신은 환영합니다
어느 시점에서 이륙하기 위해,

1583
01:14:03,330 --> 01:14:05,740
우리는 당신을 다시 볼 수 있습니다
좀 더 내일 아침.

1584
01:14:05,740 --> 01:14:07,290
좋아요, 감사합니다.

1585
01:14:07,290 --> 01:14:10,428