누구나 다루기 쉬운 Vue.js 입문 - 3시간 안에 배우기

누구나 다루기 쉬운 Vue.js 입문 - 3시간 안에 배우기

(53개의 수강평)

1092명의 수강생
공개되지 않은 강좌입니다.
지식공유자 · 장기효(캡틴판교)
60회 수업 · 총 3시간 32분 수업
평생 무제한 시청
수료증 발급 강좌
수강 난이도 '입문'

"Vue.js 입문 강좌가 새로 업데이트 되었습니다. 아래 이미지를 클릭해주세요 :)"

1. 강좌소개

최신 프론트엔드 프레임워크 Angular & React 의 장점을 결합하여 만든 Vue.js 의 기초를 학습하는 vue.js 강좌 입니다. 본 강의는 프론트엔드 개발에 입문하는 비 개발자, 디자이너, 퍼블리셔, 비 전공자, 대학생 및 입문자 를 대상으로 합니다. Fast Campus 의 프론트엔드 웹앱 캠프 교과과정3시간 짜리 Vue 강의를 재구성하여 녹화하였으며, 3시간 안에 Vue 의 개념을 학습하고 기본적인 화면 개발이 가능하도록 수강생의 이해를 돕는데 목적을 두고 있습니다. 전체적인 강의 방식은 이미 많은 온라인 강좌에서 검증된 간단히 이론 설명 -> 강사가 라이브 코딩 -> 준비된 예제에 수강생이 바로 실습 의 형태로 구성되어 있습니다. 해당 교육 방식은 이론을 배우고 바로 실습하는 형태의 교육방식으로 전 세계 개발자들이 공감하는 효과적인 교육방식입니다. 이 강의는 Vue 의 개요, 구성요소, 프로젝트 구성 팁 등 Vue 로 화면을 개발하는 데 필요한 전반적인 내용들을 다룹니다. 지식공유자의 Vue.js 저서도 있으니 참고하시면 더욱 쉽게 배우실 수 있습니다.(보러가기)

“쉽고, 빠르고, 강력한 Vue 로 멋진 프론트엔드 개발자가 되시길 바랍니다.”

2. 강좌 특징

본 강좌의 목표는 Vue 프레임워크의 필수 요소들에 대한 개념을 잡고, 뼈대를 세운 뒤 수강 후 Vue 를 이용해 간단한 화면 개발이 가능하도록 하는 것이 목표입니다. 3시간 만에 요즘 가장 핫한 프론트엔드 프레임워크를 학습하시고, 나도 프론트엔드 개발을 할 수 있다는 자신감을 얻어가세요. 다른 프론트엔드 프레임워크에 비해 쉽게 배울 수 있다는 것을 직접 체감하시기 바랍니다 :)

3. 누구에게 도움이 되나요?

프론트엔드 개발에 관심있는 모든 분께 적합합니다.

  1. 프론트엔드 개발에 입문하는 분
  2. 프론트엔드 개발을 해보고 싶은 디자이너
  3. 프론트엔드 개발자로 전향하고픈 퍼블리셔
  4. 프론트엔드 개발자로 취업을 희망하는 대학생

다만 HTML, CSS, JS 의 기초는 알고 계셔야 합니다.

4. 어떤 걸 배우나요?

Vue 로 화면을 개발하기 위한 기본적인 구성요소와 실전 프로젝트 구성 팁 등 전반적인 내용을 다룹니다.

  • Vue Instance
  • Vue Components
  • Vue Router
  • Vue Template
  • Vue Resource
  • Vue Data Binding
  • Vue Single File Components
  • Vue Loader

ES6 (최신 자바스크립트 스펙) 와 Webpack 을 모르셔도 수업 진행이 가능합니다.

5. 같이 공부하면 좋은 자료

vuejs

6. 강사 소개

장기효 (캡틴판교)

웹으로 세상을 더 편하게 만들 수 있다고 믿는 웹 개발자 입니다. 웹 성능 최적화에 관심이 많고, 취미로 기술 블로그를 운영하며 노래 부르는 것을 좋아해 홈 레코딩을 합니다. [프로필]   인프런이 만난 사람 #02 | 장기효님 인터뷰 보러가기

지식공유자 소개

장기효(캡틴판교)

교육과정

모두 펼치기 60 강의 3시간 32분
섹션 2. Vue 시작하기
3 강의 08 : 00
Vue 는 무엇인가?
05 : 00
[실습] Vue 시작하기 - Hello Vue.js
02 : 00
[부록] MVVM 패턴이란?
01 : 00
섹션 3. Vue 인스턴스
4 강의 11 : 00
섹션 4. Vue 컴포넌트
7 강의 17 : 00
컴포넌트 소개
02 : 00
[실습] 컴포넌트 등록
02 : 00
전역 & 지역 컴포넌트 등록
02 : 00
[실습] 전역 & 지역 컴포넌트 등록
03 : 00
[실습] 전역 & 지역 컴포넌트 차이점
03 : 00
[퀴즈] 지역 & 전역 컴포넌트 등록 퀴즈 안내
02 : 00
[퀴즈] 전역 & 지역 컴포넌트 등록 퀴즈 풀이
03 : 00
섹션 5. Vue 컴포넌트 통신
9 강의 30 : 00
상-하위 컴포넌트 간 데이터 전달 방법 (Parent - Child 컴포넌트 통신)
01 : 00
Props 소개
01 : 00
Props 설명
05 : 00
[퀴즈] Props 퀴즈 설명 및 안내
01 : 00
[퀴즈] Props 퀴즈 풀이
05 : 00
Non Parent - Child 컴포넌트 간 통신
01 : 00
Event Bus
05 : 00
[퀴즈] Component - Props - For 퀴즈 안내
02 : 00
[퀴즈] Component - Props - For 퀴즈 풀이
09 : 00
섹션 6. Vue 라우터
9 강의 29 : 00
소개
02 : 00
[실습] 기본 라우터
07 : 00
Nested 라우터 소개
02 : 00
[실습] Nested 라우터 설명
05 : 00
Template Root Element 주의사항
02 : 00
[퀴즈] Nested 라우터 퀴즈 안내
02 : 00
[퀴즈] Nested 라우터 퀴즈 풀이
04 : 00
Named Views 소개
03 : 00
Nested Router vs Nested Views
02 : 00
섹션 7. Vue 리소스
1 강의 03 : 00
Vue Resource와 Axios 소개
03 : 00
섹션 8. Vue 템플릿
6 강의 15 : 00
강의 중간 정리
02 : 00
소개
06 : 00
Attributes
01 : 00
Javascript Expressions
02 : 00
Directive
03 : 00
Filter
01 : 00
섹션 9. Vue 데이터 바인딩
8 강의 20 : 00
소개
01 : 00
Interpolation
01 : 00
Binding Expressions
01 : 00
Directives
01 : 00
Class Binding
03 : 00
마무리
01 : 00
[퀴즈]Template 과 Data Binding 퀴즈 안내
03 : 00
[퀴즈]Template 과 Data Binding 퀴즈 풀이
09 : 00
섹션 10. Vue 싱글파일 컴포넌트 체계
1 강의 04 : 00
소개
04 : 00
섹션 11. Vue 프로젝트 구성방법
4 강의 27 : 00
Vue CLI 를 이용한 프로젝트 구성 방법 설명
02 : 00
[실습] Vue CLI 를 이용한 프로젝트 구성 팁
11 : 00
[실습] Vue CLI 와 싱글파일 컴포넌트를 이용한 컴포넌트 등록
06 : 00
[퀴즈] .vue 파일에서 컴포넌트 등록하기 퀴즈 풀이
08 : 00
섹션 12. [부록] Vue Loader
1 강의 10 : 00
Vue Loader 소개
10 : 00
섹션 13. [안내] 정리 및 다음 강좌 안내
1 강의 13 : 00
정리 및 다음 강좌 안내
13 : 00

공개 일자

2019년 4월 27일 (마지막 업데이트 일자 : 2019년 4월 28일)

수강 후기

4.1
53개의 수강평
Juhee Baek 1달 전
vue에 기초를 다시 정리하는 시간이 되었던 것 같습니다.
장인규 2달 전
Vue 입문으로는 최고였습니다. 최신 버전으로 입문 강의 나온것도 기대되네요.. ^^