1
00:00:00,200 --> 00:00:01,200
우리는 다시 올 것이다.

2
00:00:01,200 --> 00:00:04,380
이제 우리는 나머지 평온한 길을 찾아 갈 것입니다.

3
00:00:04,470 --> 00:00:09,360
우리는 색인을 만들었고 여러분은 mantic 즉 머리말과 꼬리말 Parshall 's에 추가하기 위해 휴식을 취했습니다.

4
00:00:09,360 --> 00:00:19,990
이제 우리는 새로운 일을하고이 비디오가 끝날 때까지 새 게시물을 클릭 할 때 양식을보아야하며 그 양식을 작성한 다음 제출하십시오.

5
00:00:20,010 --> 00:00:23,970
그것은 인덱스 페이지로 나를 데려 갈 것이고 나는 또 다른 포스트를보아야한다.

6
00:00:24,000 --> 00:00:25,210
시작하겠습니다.

7
00:00:25,530 --> 00:00:30,710
우리가해야 할 첫 번째 일은 새로운 쇼를 하나의 형태로 기억하는 새로운 경로를 만드는 것입니다.

8
00:00:30,770 --> 00:00:37,110
그것은 GET 요청 슬래시 개 또는 슬래시 블로그 새 슬래시 그냥 양식을 보여줍니다.

9
00:00:37,380 --> 00:00:39,440
그럼 거기서 시작합시다.

10
00:00:40,590 --> 00:00:43,620
우리는 우리의 색인 뒤에 그것을 할 것이고 그것을 여기에 추가합시다.

11
00:00:43,650 --> 00:00:45,670
색인 작성.

12
00:00:45,960 --> 00:00:51,980
이제 새로운 경로를 만들어 보도록하겠습니다.

13
00:00:52,050 --> 00:01:00,730
그래서 우리의 새로운 경로에 대해서는 슬래시 블로그가 새롭고 슬기로운 것을 얻은 후에는 정말 간단합니다.

14
00:01:00,760 --> 00:01:06,790
우리가해야 할 일은 매번 같은 양식을 렌더링하기 때문에 가장 짧은 것입니다.

15
00:01:06,930 --> 00:01:09,280
우리는 데이터베이스에서 아무 것도 보지 않아도됩니다.

16
00:01:09,450 --> 00:01:11,730
양식에 데이터를 보낼 필요는 없습니다.

17
00:01:11,730 --> 00:01:16,490
우리가해야 할 일은 새로운 것을 렌더링하는 것뿐입니다.

18
00:01:17,190 --> 00:01:19,110
그리고 그 파일을 만들 필요가 있습니다.

19
00:01:19,110 --> 00:01:28,340
따라서 새로운 Ejay Yes C-9 뷰를 슬래시하면서 새로운 뷰를 터치하십시오.

20
00:01:29,100 --> 00:01:30,970
좋아, 간단하게 시작하자.

21
00:01:31,380 --> 00:01:34,150
그리고 우리 모두는 여기에 약간의 의미 론적 UI를 사용합니다.

22
00:01:34,200 --> 00:01:43,400
그래서 우리는 div를 할 것이고이 장치는 단지 클래스 UI 메인 텍스트 컨테이너 세그먼트를 가질 것입니다.

23
00:01:43,400 --> 00:01:44,720
거기에는 많은 것들이 있습니다.

24
00:01:44,760 --> 00:01:46,270
나는 잠시 후에 그것을 깨뜨릴 것이다.

25
00:01:46,530 --> 00:01:58,520
그리고 그 대신 헤더를 추가하여 UI 거대한 머리글을 수행하고이 새로운 로그를 호출 해 보겠습니다.

26
00:01:59,300 --> 00:02:02,310
그리고 우리가 이것을 볼 수 있다면 우리는 성공했다는 것을 알게 될 것입니다.

27
00:02:03,030 --> 00:02:04,180
그래서 앱을 시작하십시오.

28
00:02:04,300 --> 00:02:07,760
오, 사실 우리는 부분품도 포함시켜야합니다.

29
00:02:07,770 --> 00:02:11,980
그렇지 않으면 diff가 표시되지만 의미 스타일은 표시되지 않습니다.

30
00:02:12,150 --> 00:02:25,410
그래서 우리는 우리의 Ejay가 Parshall의 슬래시 헤더를 같은 줄에 포함 시키도록 요구합니다.

31
00:02:25,950 --> 00:02:29,830
이 페이지를 새로 고침하고 blog slash new로 이동하십시오.

32
00:02:30,840 --> 00:02:32,070
그리고 우리에게는 두 가지 문제가 있습니다.

33
00:02:32,070 --> 00:02:34,550
첫 번째는 간격 문제입니다.

34
00:02:34,650 --> 00:02:37,540
우리는 그것을 쉽게 해결할 수 있지만 올바른 템플릿을 얻고 있습니다.

35
00:02:37,800 --> 00:02:44,000
그러나 나는 우리 아이콘이 홈 페이지에서 작게 돌아 간다는 것을 조금 이상한 것으로 보았다.

36
00:02:44,010 --> 00:02:47,170
이 페이지는 크고 작습니다.

37
00:02:47,370 --> 00:02:51,760
그리고 나는 이것을 잠시 동안 잡초 실수의 한 종류로 보았습니다.

38
00:02:51,840 --> 00:02:52,490
나는 그것을 알아.

39
00:02:52,500 --> 00:03:01,990
그것은 정말로 당황 스러울 수있는 것들 중 하나입니다. 처음에는별로 뻔한 것이 아니지만 간략히 살펴 보겠습니다.

40
00:03:02,160 --> 00:03:04,320
당신은 그것이 콘솔에서 말하는 것을 볼 수 있습니다.

41
00:03:04,320 --> 00:03:16,250
스타일 시트를로드하지 못했습니다. C S S.하지만 C S S라는 슬래시 스타일의 시트를 슬래시 스타일의 슬래시 블로그 아래에서 찾고있었습니다.

42
00:03:16,290 --> 00:03:25,030
그래서 저는 헤더 파일에서 설정 한 링크를 보았습니다. 그리고 나는 작은 것을 슬래시 하나 잊어 버린 것을 보았습니다.

43
00:03:25,080 --> 00:03:29,080
그래서 신선하면 지금 발견합니다.

44
00:03:29,310 --> 00:03:31,680
그리고 우리는 여기에 오류가 발생하지 않습니다.

45
00:03:31,680 --> 00:03:41,820
소스 탭을 살펴보면 이전에는 스타일 시트가 아닌 블로그를 볼 수 없다는 것을 알 수 있습니다.

46
00:03:41,850 --> 00:03:44,990
이제는 더 큰 코드 아이콘으로 끝납니다.

47
00:03:45,390 --> 00:03:54,690
이제는 나머지 컨텐츠와 중복되는 문제를 해결하고 스타일 시트를 설정 했으므로 다행스럽게도 매우 쉽습니다.

48
00:03:54,900 --> 00:04:01,590
컨테이너 요소 인이 요소의 맨 위에 약간의 여백을 추가하면됩니다.

49
00:04:02,250 --> 00:04:04,520
우리가하는 모든 일은 그 용기 안에 있습니다.

50
00:04:04,710 --> 00:04:18,440
그래서 우리는 스타일 시트에서 평가 후 그것을 선택하고 우리는 단지 컨테이너를 할 것이고 우리가하고자하는 것은 픽셀 수로 앉아있는 것보다 마진 상단 인 것입니다.

51
00:04:18,450 --> 00:04:23,280
나는 E-M을 사용하여 더 자주 볼 수 있도록 할 것입니다.

52
00:04:23,280 --> 00:04:32,640
우리는 그다지 많이 보지 못했고 우리가 검사하는 컨테이너가 탐색 표시 줄 안에 있다는 또 다른 문제가 있음을 알았습니다.

53
00:04:32,640 --> 00:04:34,640
컨테이너가 있다는 것을 기억하십시오.

54
00:04:34,830 --> 00:04:43,800
따라서 우리는 단지 컨테이너이거나 또한 일반 컨테이너가 아닌 세그먼트 또는 다른 컨테이너 인 컨테이너를 대상으로하고 싶습니다.

55
00:04:44,040 --> 00:04:46,060
그래서 또 다른 쉬운 해결 방법입니다.

56
00:04:46,170 --> 00:04:48,370
우리는 돌아가서 그냥 할께.

57
00:04:48,390 --> 00:04:49,520
그래서 뭔가 의미가 있습니다.

58
00:04:49,520 --> 00:04:55,070
나는이 수업을 모두 새로 고쳤으며 훨씬 더 좋아 보인다.

59
00:04:55,100 --> 00:04:56,170
그래서 우리는 그것을 망쳐 놓지 않았습니다.

60
00:04:56,210 --> 00:05:02,930
이 컨테이너의 여백은 여기 Nav 안에 있습니다. 우리는 방금 스타일링을 위해이 하나와 함께 지금 플레이 한 메뉴입니다.

61
00:05:02,930 --> 00:05:05,050
이제 양식이 작동하도록하십시오.

62
00:05:05,150 --> 00:05:28,460
따라서 우리의 새로운 아빠 대신에 우리는 형성하고 싶습니다. 우리의 양식은 이런 종류입니다. 예를 들어, 우리가 우리의 안식처를 보았을 때 잊어 버리고 생성자가 게시하다.

63
00:05:29,120 --> 00:05:52,090
따라서이 양식은 메소드가 게시 된 곳의 슬래시 로그로 이동해야하며 양식 내부에서 몇 개의 입력을 원한다면 첫 번째 유형은 그냥 텍스트와 동일하게 입력하고 닫기 텍스트를 입력하고 블로그 제목과 동일한 이름을 부여합니다 제목과 동일한 자리 표시자를 선택합니다.

64
00:05:52,850 --> 00:06:00,550
그런 다음 제목 대신 이미지를 위해 예외를 복제합니다.

65
00:06:01,350 --> 00:06:19,940
그리고 이것은 몇 가지 비디오의 게시물 요청에 앉아 검토해야하며 우리는 몸이라고 부르는 내용에 대해 동일한 작업을 수행하고 로그 포스트를 여기에 자리 표시 자로 지정합니다.

66
00:06:19,940 --> 00:06:35,680
좋습니다. 그렇게하면 입력 형식이 같아 질 것입니다. 그래서 우리가 얻는 것을 저장하고 보게 될 것입니다.

67
00:06:35,770 --> 00:06:38,230
여기에 우리의 양식은 실제 스타일이 아닙니다.

68
00:06:38,300 --> 00:06:39,600
우리는 곧 그렇게 할 것입니다.

69
00:06:39,740 --> 00:06:46,820
그러나 우리가 제출하면 정상적으로 작동해야합니다. 블로그를 게시 할 수 없다는 오류가 발생해야합니다.

70
00:06:47,060 --> 00:06:49,660
우리의 창조 경로가 존재하지 않기 때문입니다.

71
00:06:50,150 --> 00:06:53,960
그러니 이제는 개를 지위로 내 보자.

72
00:06:54,110 --> 00:07:07,260
따라서 경로 작성 코멘트 아래에 실제로 예 대신 앱 포스트 슬래시 블로그 또는 콜백을 할 것입니다.

73
00:07:07,700 --> 00:07:13,160
완벽하고 여기서 우리는 실제로 그 새로운 블로그를 만들어야합니다.

74
00:07:13,160 --> 00:07:22,710
그래서 우리는 블로그를 만들고 리디렉션을 실행하는 두 단계를 거치며 지금은 인덱스로 리디렉션합니다.

75
00:07:23,780 --> 00:07:30,220
그래서 우리는 블로그를 만들 필요가 있고 가장 먼저 데이터가 생성됩니다.

76
00:07:30,230 --> 00:07:31,990
그래서 아직 작동하지 않습니다.

77
00:07:32,060 --> 00:07:34,140
두 번째는 콜백입니다.

78
00:07:34,580 --> 00:07:38,450
따라서 우리가 시작할 수있는 콜백에는 오류가 있습니다.

79
00:07:38,510 --> 00:07:55,600
그리고 그것이 작동한다면 우리는 새로운 블로그를 가질 것이고, 우리가 지나가고있는 데이터는 포스트 요청 비디오의 비디오에서 기억할 것입니다.

80
00:07:55,610 --> 00:07:58,890
모든 것은 블로그와 그룹 안에 있으며 함께 있습니다.

81
00:07:58,940 --> 00:08:05,120
그래서 우리가 바디 덤프 블로그를 요청하면 자동으로 타이틀 이미지와 바디가 있습니다.

82
00:08:05,120 --> 00:08:10,530
우리는 8 월 첫 번째 논쟁을 통해 그것이 새로운 블로그를 만든다고 주장합니다.

83
00:08:10,530 --> 00:08:11,950
이 콜백을 발생시킵니다.

84
00:08:12,140 --> 00:08:14,760
그리고 오류가 발생하면 표준을 수행합니다.

85
00:08:15,030 --> 00:08:35,870
로깅에 대해 계산하는 대신에 새로운 형식을 다시 렌더링하자. 그렇지 않으면 rez 리디렉션을 통해 슬래시 로그를 작성하고 새로운 블로그가 표시되도록해야합니다.

86
00:08:36,020 --> 00:08:43,410
효과가 있다면이 주석을 옮기고 샷을 주면 무슨 일이 일어나는지 보도록하겠습니다.

87
00:08:43,520 --> 00:08:44,660
그럼 우리가 구할거야.

88
00:08:44,870 --> 00:08:57,460
우리는 서버를 다시 시작하고 루트로 돌아가서이 이미지 URL의 복사본을 만들어야합니다. 그래서 우리는 블로그 게시물의 이미지 나 제목을 갖게됩니다.

89
00:08:57,620 --> 00:09:00,230
블로그 게시물에 우리 이미지가 있습니다.

90
00:09:00,350 --> 00:09:03,740
제출하고 완벽하게 작동합니다.

91
00:09:03,800 --> 00:09:12,020
그리고 당신은 우리가 제목을 볼 수 있습니다 매우 짧은 블로그는 우리의 생성 날짜에 본문을 게시 또한 표시됩니다.

92
00:09:12,170 --> 00:09:12,860
훌륭한.

93
00:09:13,010 --> 00:09:19,790
그래서 그 모든 것을 새로운 경로로 다시 요약하고 새로운 모델을 만들려면 모델의 이름이 무엇이든간에 슬래시를 사용하십시오.

94
00:09:19,790 --> 00:09:24,910
우리의 경우 개는 실제로 블로그를 슬래시하고 요청을받습니다.

95
00:09:24,920 --> 00:09:32,580
그것은 양식이 게시물을 요청한다는 것을 제외하고는 인덱스처럼 플래시 개라고합니다.

96
00:09:32,600 --> 00:09:35,350
이것이 바로 새 양식에서 데이터를 보내는 곳입니다.

97
00:09:35,430 --> 00:09:39,080
새 개를 만들려면 데이터베이스에 추가 한 다음 다시 연결합니다.

98
00:09:39,080 --> 00:09:44,660
그것은 다음 비디오에서 볼 수있는 페이지를 실제로 보여주는 인덱스 일 필요는 없습니다.

99
00:09:45,140 --> 00:09:47,550
우리 애플리케이션을 빠르게 스타일 업합시다.

100
00:09:47,580 --> 00:09:49,820
이 양식을 작성해 보겠습니다.

101
00:09:50,570 --> 00:10:10,070
우리가 할 일은 먼저 폼에 UI 폼과 같은 클래스를주고 그 폼 내부에이 입력들의 각각 하나가 div에 있고 그 div는 필드와 같은 클래스를 가질 것입니다.

102
00:10:10,550 --> 00:10:13,330
그리고 우리가 아직 가지고 있지 않은 레이블을 만드는 방법을보십시오.

103
00:10:13,730 --> 00:10:19,860
그리고 첫 번째 레이블은 제목이 될 것이고 우리는 제목을 받아서 바로 붙일 것입니다.

104
00:10:20,390 --> 00:10:21,450
완전한.

105
00:10:21,470 --> 00:10:24,630
그리고 나서 우리는 이것을 몇 번 더 할 것입니다.

106
00:10:24,770 --> 00:10:47,470
이미지 변경을 위해 이미지 중 하나가 필요하고 이미지를 변경 한 다음 변경 사항을 적용하려면 블로그 양식을 입력하는 대신 사용자가 텍스트를 더 입력 할 수있는 텍스트 영역을 만들고 싶습니다. 실제 블로그 게시물을 좋아해요.

107
00:10:48,050 --> 00:11:06,560
그리고이를 수정하기보다는 div 필드를 div에두고 우리는 블로그 콘텐트라고 부를 것이지만이 입력보다는 우리가 보았던 텍스트 영역 태그를 추가 할 것입니다 일찍부터 우리는별로 사용하지 않았습니다.

108
00:11:06,830 --> 00:11:10,280
그리고 우리는 아직도 그것에게 이름을주는 입력과 조금 다릅니다.

109
00:11:10,400 --> 00:11:24,830
그래서 여전히 블로그 본문을 저장 한 다음 저장하지만 입력이 아니기 때문에 텍스트 유형을 지정하지 않습니다. 태그는 여는 태그와 닫는 태그가있는 자체 지정된 태그이며 약간 다르게 작동합니다.

110
00:11:24,830 --> 00:11:26,130
우리가 그것을 추가 할 때.

111
00:11:26,270 --> 00:11:30,650
그러면 잠시 후에 그걸 없애고 우리가 버튼을 스타일링 할 것입니다.

112
00:11:30,650 --> 00:11:32,540
우리는 지금 무엇을 가지고 있는지 살펴 봅니다.

113
00:11:32,740 --> 00:11:36,610
버튼이 조금 더 멋지게 스타일링 될 수 있다는 점을 제외하고는 꽤 좋아 보입니다.

114
00:11:36,790 --> 00:11:43,800
의미 론적 UI를 끌어와 버튼으로 가면 부트 스트랩보다 의미있는 버튼이 더 많습니다.

115
00:11:43,910 --> 00:11:51,780
이렇게 종류가 많았지 만 기본 버튼과 뒤집힌 버튼도 많이있었습니다.

116
00:11:52,310 --> 00:12:04,890
그래서 당신이 좋아하는 이들 중 하나를 고르십시오. 자주색 보라색을 즐겨 보자. 그리고 소스 코드를 살펴 본다면, 당신이 필요로하는 것은 모두 당신과 동등한 수업이다.

117
00:12:05,250 --> 00:12:07,950
기본 색상 버튼.

118
00:12:08,480 --> 00:12:12,780
그리고 내가 이것을하는 동안 의미 론적 UI라고 불리는 이유를 설명 할 것입니다.

119
00:12:12,920 --> 00:12:44,590
그리고 주된 이유는 부트 스랩과는 달리 우리가 ETN ETN 대시 LGBT와 대시 (dash default)와 같은 별난 특수 용어를 사용하는 부트 스트랩과는 달리 부트 스트랩을 실제로 두드려서는 안되지만 대신 sematic이 생성 된 이유는 대신이 종류의 마크 업에 대한 응답이었습니다. UI가 기본 버튼을 위반하거나 UI 바이올렛 반전 된 버튼을 사용할 수 있습니다.

120
00:12:45,050 --> 00:12:46,820
그래서 지금은 기본입니다.

121
00:12:47,060 --> 00:12:48,050
그게 전부입니다.

122
00:12:48,050 --> 00:12:49,630
아주 간단합니다.

123
00:12:49,760 --> 00:12:51,530
문자가 적은 것은 아닙니다.

124
00:12:51,560 --> 00:12:52,840
더 짧아지는 것이 아닙니다.

125
00:12:53,030 --> 00:12:58,340
그것은 당신이 쉽게 이것을보고 그것이 의미하는 바를 이해할 수있는 의미있는 것입니다.

126
00:12:58,340 --> 00:13:01,420
그래서 우리가 지금 돌아가서 새로 고침하면.

127
00:13:01,690 --> 00:13:06,900
그 버튼을 가지고 있고 그것을 크게 만들고 싶다면 정말 쉽습니다.

128
00:13:06,930 --> 00:13:09,050
내가해야하는 것은 크게 입력하는 것뿐입니다.

129
00:13:09,050 --> 00:13:16,910
그래서 나는 BT를 할 필요가 없으며 Elgie를 대폭 새로 고침하고 더 큰 버튼을 얻습니다.

130
00:13:16,910 --> 00:13:18,740
그래서 다시 테스트 해 봅시다.

131
00:13:18,740 --> 00:13:26,770
나는 똑같은 대담한 주장을 사용한다.이 말은 내 새 개라고 부르기 만하면된다.

132
00:13:27,980 --> 00:13:32,350
더 많은 블로그 Contac 제출하고 잘 작동합니다.

133
00:13:32,420 --> 00:13:33,110
큰.

134
00:13:33,110 --> 00:13:41,480
좋습니다. 우리가 다루었 던 색인을 다루었습니다. 새롭고 창조적 인 당신에게 의미의 작은 비트를 보여 줬습니다. 다음 비디오에서 형식과 단추를 얻을 수 있습니다.