1
00:00:00,270 --> 00:00:00,980
다시 오신 것을 환영합니다.

2
00:00:01,000 --> 00:00:03,720
이 비디오에서 나는 전체 요강을 훑어보고 싶다.

3
00:00:03,730 --> 00:00:10,210
물론 우리는 사물에 대해 자세히 이야기하지 않을 것이지만 우리가 이야기하고자하는 모든 것에 대해 소개하려고합니다.

4
00:00:10,320 --> 00:00:17,370
그리고 이것은 매우 길기 때문에 시작부터 시작까지 매우 포괄적 인 자료입니다.

5
00:00:17,430 --> 00:00:20,020
우리는 당신이 지금있는 곳인 우리의 과정 기본을 수행합니다.

6
00:00:20,100 --> 00:00:23,190
이 과정 전체에서 가장 중요한 요소는 아닙니다.

7
00:00:23,200 --> 00:00:30,820
그것은 강의 계획서에 대한 것들과 과정이 어떻게 작동 하는지를 발견하고 조언을 해준 다음 프론트 엔드에 대해 소개 할 것입니다.

8
00:00:30,960 --> 00:00:38,130
그래서 우리는 프론트 엔드 개발이 무엇을 의미하는지에 대해 이야기합니다. HDMI가 CSSA가 무엇인지 자바가 무엇인지 다른 점은 개발 단계입니다.

9
00:00:38,190 --> 00:00:43,460
하지만 우리가 실제로 그를 노화 시켰을 때까지는이 단위까지 많은 코드를 작성하지 않아도됩니다.

10
00:00:43,710 --> 00:00:54,910
그래서 각 팀마다 2 개의 유닛이 있습니다. 소개와 중간 단계는 모두 그를 쫓아 내고, 일단 당신이 그것을 끝내고 우리가 일을 멋지게 보이게 할 수있는 방법을 평가하기 위해 이동하면, 우리는 어떤 스타일을 추가합니다.

11
00:00:55,080 --> 00:00:57,820
그래서 프로젝트가 좀 더 흥미 진진하기 시작합니다.

12
00:00:57,960 --> 00:01:06,690
사진 포트폴리오 사이트를위한 이미지 갤러리를 만들었습니까? 또한 CSSA 소개 및 고급에 대한 블로그 사이트를 만들었습니다.

13
00:01:06,720 --> 00:01:14,550
Google 글꼴을 사용하는 맞춤 글꼴을 비롯한 활판 인쇄 글꼴과 같은 주제에 대해 많은 논점을 들었습니다.

14
00:01:14,670 --> 00:01:22,120
그런 다음 C S S와 Javascript 프레임 워크 인 Bootstrap에 대해 이야기합니다.이 프레임 워크는 멋진 웹 사이트를 쉽고 빠르게 만들 수 있도록 도와줍니다.

15
00:01:22,320 --> 00:01:30,350
그리고 그 부서에서 우리는 포트폴리오 사이트와 시작 방문 페이지 또는 시작을위한 홈 페이지를 포함하여 몇 가지 프로젝트를 만듭니다.

16
00:01:30,540 --> 00:01:35,810
그렇다면 우리는 자바 스크립트를 치고 저의 의견은 정말로 재미 있고 흥미 진진하기 시작합니다.

17
00:01:35,820 --> 00:01:47,360
첫 번째 실제 프로그래밍 언어 자바 스크립트에 대해 이야기하기 시작합니다. 그래서 기본으로 시작하고 자바 스크립트에 대해 많이 이야기합니다. 그래서 여러분은 여기에서 끝까지 꽤 많이 걸리는 것을 볼 수 있습니다.

18
00:01:47,460 --> 00:01:54,260
모든 것이 javascript와 관련되어 있으며 공정한 것입니다. H-2 마운트도 포함되지만 javascript가 초점이됩니다.

19
00:01:54,270 --> 00:01:59,130
이것이 단순한 웹 사이트가 아닌 견고한 웹 응용 프로그램을 만드는 것입니다.

20
00:01:59,140 --> 00:02:01,270
그리고 다음 단원의 차이점을 확장 해 보겠습니다.

21
00:02:01,470 --> 00:02:02,700
그러나 계속 움직여 봅시다.

22
00:02:03,030 --> 00:02:04,330
그래서 기본 작업.

23
00:02:04,350 --> 00:02:11,070
그런 다음 우리는 잡 흐름으로 우리의 응용 프로그램에 기본 논리를 추가하는 방법 인 제어 흐름이라는 것을 이야기합니다.

24
00:02:11,340 --> 00:02:16,560
그리고 나서 뭔가 다른 자바 스크립트 배열과 객체를 다른 데이터 구조로 호출했습니다.

25
00:02:16,920 --> 00:02:25,290
그리고 나서 우리는 자바 스크립트를 사용하여 평가하기 위해 각 팀과 실제로 상호 작용하는 방법 인 지배적 인 에뮬레이션 인 가장 좋아하는 주제로 이동합니다.

26
00:02:25,290 --> 00:02:31,070
그래서 당신 중 일부는 당신의 인생에서 결코 들어 본 적이 없거나 당신이 실제로 이해할 수없는 닥치는대로의 단어의 무리일지도 모릅니다.

27
00:02:31,290 --> 00:02:33,800
기본적으로 그것은 우리가 일을 흥미롭게 만드는 것입니다.

28
00:02:33,840 --> 00:02:39,930
페이지를 클릭하면 화면에서 물건을 움직이는 것들을 움직이는 색상을 바꾸기 시작할 수 있습니다.

29
00:02:39,930 --> 00:02:41,870
그것은 매우 시각적이며 재미 있습니다.

30
00:02:42,000 --> 00:02:47,430
그런 다음 우리가 집중할 수있는 다른 멍청한 조작 인 Dom 이벤트에 또 다른 유닛이 있습니다.

31
00:02:47,700 --> 00:02:53,390
그리고 우리는 우리가 함께 만드는 실질적이고 꽤 복잡한 게임 인 컬러 게임 프로젝트를 가지고 있습니다.

32
00:02:53,520 --> 00:02:56,360
전체 유닛은이 게임을 만드는 8 ~ 9 개의 비디오입니다.

33
00:02:56,370 --> 00:02:58,610
따라서 그것은 꽤 합법적 인 프로젝트입니다.

34
00:02:58,770 --> 00:03:12,770
그리고 Jay Querrey라고 불리는 정말로 유명한 도서관으로 이동하고, Jay Querrey 고급 Jay 쿼리에 대한 소개 3 가지를 집중적으로 살펴본 다음이 프로젝트를 함께 수행 할 수있는 정말 멋진 반응 형 응답기를 작성하여 Sokoto도 함께합니다.

35
00:03:12,820 --> 00:03:15,970
전체 7 ~ 8 개의 동영상도 있습니다.

36
00:03:16,380 --> 00:03:29,370
그리고 나서 우리는 커다란 스위치를 가지고 있습니다. 그래서 첫 번째 코스 기본 유닛을 제외한이 시점까지의 모든 것들이 프론트 엔드 웹 개발에 대해 이야기합니다.이 웹 개발은 그 의미와 앞뒤 및 뒤의 차이점에 대해 이야기합니다.

37
00:03:29,370 --> 00:03:31,220
그 모든 것들이 다음 부대에 있습니다.

38
00:03:31,650 --> 00:03:34,670
그러나 나는 이것이 모든 프론트 엔드라고 지적 할 것이다.

39
00:03:34,950 --> 00:03:37,420
이것은 모두 뒤로입니다.

40
00:03:37,890 --> 00:03:41,140
바로 여기에는 사물이 바뀌는 커다란 선이 있습니다.

41
00:03:41,250 --> 00:03:46,790
그래서 우리는 뒤로 물러나서 우리는 앞에 나온 것처럼 아주 기본에 대해서 이야기함으로써 시작합니다.

42
00:03:46,800 --> 00:03:50,370
그렇다면 뒤는 무엇이고 관련되는 다른 것들은 무엇입니까?

43
00:03:50,460 --> 00:04:00,120
우리는 몇 가지 다이어그램을 작성하여 이야기를 나누었으며 사이트의 몇 가지 예와 인기있는 웹 사이트에서 백엔드를 설정 한 다음 명령 줄에 대해 설명합니다.

44
00:04:00,150 --> 00:04:02,670
명령 줄이나 터미널을 어떻게 탐색합니까?

45
00:04:02,670 --> 00:04:04,560
당신이 입력하는 다른 명령은 무엇입니까?

46
00:04:04,560 --> 00:04:07,640
확실히 우리가 다루는 가장 까다로운 보는 것.

47
00:04:07,740 --> 00:04:13,520
영화에서 진부한 해커 씬처럼 보아왔다면 대개 명령 줄에 내용을 입력합니다.

48
00:04:13,560 --> 00:04:17,030
그래서 우리는 그것에 대해 이야기하고 그 과정의 나머지 부분에서 이것을 사용할 것입니다.

49
00:04:17,190 --> 00:04:20,640
그렇다면 우리는 G-S에 대해 말하지 않으며 이것은 no에 대한 소개입니다.

50
00:04:20,670 --> 00:04:21,370
예.

51
00:04:21,510 --> 00:04:31,710
그리고 나서 우리가 다시 사용할 노드 프레임 워크 인 express를 소개합니다. 단 한 번의 단어 일 뿐이지 만 노드 프레임 워크는 웹 응용 프로그램을 만드는 데 사용할 것입니다.

52
00:04:31,890 --> 00:04:34,620
그리고 나머지 두 부분은 계속 진행합니다.

53
00:04:34,830 --> 00:04:40,590
그래서 우리는 인터 미디어 표현에 대해 이야기합니다. 기본적으로 좀 더 진보 된 주제를 말하고 나서 우리는 다른 것을 얻습니다.

54
00:04:40,830 --> 00:04:57,050
요 캠프 기본 사항과 몇 가지 다른 예가 있습니다. 요가족에 대한 몇 가지 사례가 있습니다. UPCAT 기본 사항을 알고 있습니다. 캠프 데이터 지속성을 알았습니다. 캠프 의견을 알고 있습니다. 캠프를 추가하고 캠프 청소를 알고 있으며, 반복 한 후에 캠프가 이상하게 들릴 것입니다. 충분한 시간.

55
00:04:57,230 --> 00:05:02,760
그러나 그것이 무엇인지는 우리가 함께 만드는 복잡한 응용 프로그램이며 우리가 계속 재 방문하는 것입니다.

56
00:05:02,760 --> 00:05:16,730
그래서 단 하나의 단위 또는 단지 몇 개의 비디오만으로는 실질적인 것을 얻기가 정말로 어려운 소규모 프로젝트가 아닌, 우리는 계속해서 재 방문하고 걱정하지 않아도되는 더 큰 소규모 프로젝트가 많다는 큰 프로젝트입니다.

57
00:05:16,730 --> 00:05:26,890
나는 작은 프로젝트를 만들고 작은 일을보고 나서 큰 것을 무언가에 적용하여 그 스펙트럼을 끝내야한다는 것을 정말로 강력하게 믿는다.

58
00:05:26,960 --> 00:05:34,130
당신은 막대한 프로젝트를 만드는 즉시 깊은 곳으로 던져지지는 않겠지 만, 전체 코스를 위해이 작은 장난감을 만드는 것을 멈추지 않을 것입니다.

59
00:05:34,160 --> 00:05:39,680
저는 여러분이 자랑스러워 할 수있는 무언가와 코스가 끝날 무렵 실제로 정말 복잡한 무언가를 갖기를 바랍니다.

60
00:05:39,740 --> 00:05:52,070
요 캠프는 캠프장 야영장과 야외 활동을위한 복제품과 같은 멍청이입니다. 그래서 캠프장을 만들 수 있습니다. 사진에 모든 종류의 재미있는 것들을 덧붙여서 인증에 로그인하십시오.

61
00:05:52,070 --> 00:05:57,650
우리는 승인에 대해 이야기했고 새로운 기능을 배울 때마다 UPCAT에 추가되었습니다.

62
00:05:58,190 --> 00:06:00,020
그래서 우리는 당신이 캠프의 기초를 알기 시작합니다.

63
00:06:00,020 --> 00:06:04,170
앱을 처음 보았고 우리는 기본적인 구조를 설정했습니다.

64
00:06:04,370 --> 00:06:23,870
그런 다음 데이터베이스에 대해 이야기하고 우리가 사용할 특정 데이터베이스 인 Mongo DB에 대해 이야기하고 거기에 작은 프로젝트를 만든 다음 캠프로 돌아가서 Mangu DB에 추가하여 Brokamp에 연결된 데이터베이스를 갖게합니다 우리는 편안한 라우팅이라고하는 정말로 중요한 주제에 관해 이야기합니다.

65
00:06:23,900 --> 00:06:42,470
이것은 우리의 응용 프로그램을 우리가 따라야 할 패턴을 계획하는 방법입니다. 휴식과 우리는 편안한 루트를 사용하여 멋지게 보이는 블로그 앱과 우리가 이전에 배운 부트 스트랩과 유사한 의미 론적 UI라는 새로운 CSSA 자바 스크립트 프레임 워크를 구축합니다 바로 여기에.

66
00:06:43,000 --> 00:06:46,240
그리고 당신을 다른 기술에 노출시키는 아이디어가 있습니다.

67
00:06:46,250 --> 00:06:47,920
또 다른 인기있는 프레임 워크.

68
00:06:48,050 --> 00:06:52,280
다행스럽게도 당신은 유사점의 일부를보고 거기에서 몇 가지 비교를 시작합니다.

69
00:06:52,430 --> 00:06:56,400
그런 다음 더 중요한 유닉스 데이터베이스 협회 중 하나로 이동합니다.

70
00:06:56,420 --> 00:07:07,740
그렇다면 우리는 어떻게 데이터베이스에서 사용자, 코멘트, 블로그 포스트, 코멘트, 태그, 투표와 같은 것들이 서로 연결되어 있고 어떻게 서로 상호 연관되고 서로 연결되어 있는지를 알 수 있습니다.

71
00:07:08,300 --> 00:07:11,620
그런 다음 캠프로 돌아가서 의견을 추가합니다.

72
00:07:11,660 --> 00:07:24,140
따라서 더 작은 프로젝트에서 데이터베이스 연결에 대해 배우고 UPCAT에 추가 한 다음 인증 로그를 서명하고 로그 아웃하는 작업을 계속 진행합니다.

73
00:07:24,200 --> 00:07:25,650
여권이라는 도구를 사용합니다.

74
00:07:25,690 --> 00:07:28,700
예, 우리는 그것을 우리 자신의 응용 프로그램에 추가합니다.

75
00:07:28,700 --> 00:07:42,390
우리는 작은 응용 프로그램에 로그인하여 응용 프로그램을 만든 다음 캠프로 돌아 가기 전에 인증을 추가하므로 UPCAT를 사용하거나 적어도 일부 기능을 사용하려면 로그인하고 로그 아웃해야합니다.

76
00:07:42,680 --> 00:07:58,660
그리고 나서 우리는 우리 캠프의 다른 부분을 가지고 있습니다.이 시점에서 우리는 많은 부분을 다루었습니다. 다시 돌아가서 리팩토링을하는 것이죠. 기본적으로 어떤 코드를 옮겨서 코드를 다시 작성하면 코드가 더 짧아지고 모듈러가 더 짧아집니다. 내가 그 단위에서 무엇을 의미하는지 정확히 알 것입니다.

77
00:07:58,750 --> 00:08:10,470
그러나이 시점에서 큰 응용 프로그램을 재구성하는 데 전념했습니다. 그런 다음 기본적으로 사용자 권한 인 또 다른 중요한 항목 인 권한 부여에 대해 이야기합니다.

78
00:08:10,630 --> 00:08:13,530
사용자가 할 수있는 수준의 차이.

79
00:08:13,580 --> 00:08:16,580
따라서 인증은 사람들이 로그인하도록하는 것입니다.

80
00:08:16,700 --> 00:08:30,790
승인은 내가 로그인 할 때 나에게 속한 사진 만 삭제하거나 내가 작성한 댓글을 편집 할 수있는 권한이 없으면 다른 사람의 의견이나 다른 사람의 게시물과 연관 될 수 없음을 확인하는 것입니다.

81
00:08:30,880 --> 00:08:32,180
그래서 우리는 그것이 어떻게 작동하는지 이야기합니다.

82
00:08:32,300 --> 00:08:33,970
그리고 우리 캠프에 추가했습니다.

83
00:08:34,190 --> 00:08:37,700
확실히 우리가 많은 기술을 다루는 많은 것들이 있습니다.

84
00:08:37,750 --> 00:08:42,740
그러나 핵심 포인트는 우리가 이것을 매우 논리적이고 잘 검토 된 순서로 진행한다는 것입니다.

85
00:08:42,760 --> 00:08:48,260
나는이 기술들 모두를 여러 차례 다른 수업에 여러 번 가르쳤다.

86
00:08:48,250 --> 00:08:53,330
전체 시간을 미리 생각할 필요가없는 것처럼 보일 수도 있습니다.

87
00:08:53,480 --> 00:08:58,690
그러나 나는 앞으로 나아가고 한 번에 하나의 유닛 만하는 것보다는 무엇을 할 것인가.

88
00:08:58,850 --> 00:09:04,560
우리는 선택적으로 진행되는 특정 강좌를 가지고 있으며, 앞을 내다보고 뒤돌아 보는 수업을합니다.

89
00:09:04,580 --> 00:09:14,160
그래서 기본적으로 코스의 어느 시점에서 여기서 잠시 시간을내어 여기에서 다루었습니다. 여기서 우리가 어디에서 왔는지는 우리가있는 곳의 정신적지도를 시작할 수있는 곳입니다.

90
00:09:14,180 --> 00:09:20,200
종종 나는 학생들이 가끔씩 길을 잃는 것을 알았고, 그들이 어디에 있는지 머리 속에 큰 그림이 없다.

91
00:09:20,270 --> 00:09:23,440
그들은 단지 머리를 숙이고 바로 앞에있는 것에 집중합니다.

92
00:09:23,720 --> 00:09:32,260
중요한 것은 중요하지만 때로는 공중에 올라와서 우리가 어디로 왔는지 그리고 얼마나 더 멀리 가야 하는지를 이야기하고 기본적으로 그 선을 그어야합니다.

93
00:09:32,300 --> 00:09:32,640
승인.

94
00:09:32,650 --> 00:09:36,550
그래서 흥미 진진한 많은 재미있는 프로젝트가 있습니다.