🚀 서비스 업데이트 안내◝(⁰▿⁰)◜ 

인프런에 업데이트가 있었어요! 어떤 점이 달라졌는지 확인해보세요~ (자세히 보기)

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

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

(52개의 수강평)

1093명의 수강생 공개 되지 않은 강좌 입니다

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

Vue.js 시작하기 - Age of 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 | 장기효님 인터뷰 보러가기

지식공유자 소개

장기효(캡틴판교)

교육과정

Vue 소개
Vue 강의 소개
01 : 00
Vue 강의 개요 (Overview)
02 : 00
Vue 수업을 위한 개발환경 설정
Atom 프로그램 소개 및 설치
03 : 00
Atom 플러그인 테마 설치
05 : 00
Atom 플러그인 패키지 설치
10 : 00
Node.js, Chrome, Vue.js 크롬 플러그인, Github 설치
04 : 00
Vue 시작하기
Vue 는 무엇인가?
05 : 00
[실습] Vue 시작하기 - Hello Vue.js
02 : 00
[부록] MVVM 패턴이란?
01 : 00
Vue 인스턴스
인스턴스 소개
02 : 00
인스턴스 생성
03 : 00
Vue 라이프싸이클 소개
04 : 00
[실습] 라이프싸이클 훅 커스텀 로직
02 : 00
Vue 컴포넌트
컴포넌트 소개
02 : 00
[실습] 컴포넌트 등록
02 : 00
전역 & 지역 컴포넌트 등록
02 : 00
[실습] 전역 & 지역 컴포넌트 등록
03 : 00
[실습] 전역 & 지역 컴포넌트 차이점
03 : 00
[퀴즈] 지역 & 전역 컴포넌트 등록 퀴즈 안내
02 : 00
[퀴즈] 전역 & 지역 컴포넌트 등록 퀴즈 풀이
03 : 00
Vue 컴포넌트 통신
상-하위 컴포넌트 간 데이터 전달 방법 (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
Vue 라우터
소개
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
Vue 리소스
Vue Resource와 Axios 소개
03 : 00
Vue 템플릿
강의 중간 정리
02 : 00
소개
06 : 00
Attributes
01 : 00
Javascript Expressions
02 : 00
Directive
03 : 00
Filter
01 : 00
Vue 데이터 바인딩
소개
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
Vue 싱글파일 컴포넌트 체계
소개
04 : 00
Vue 프로젝트 구성방법
Vue CLI 를 이용한 프로젝트 구성 방법 설명
02 : 00
[실습] Vue CLI 를 이용한 프로젝트 구성 팁
11 : 00
[실습] Vue CLI 와 싱글파일 컴포넌트를 이용한 컴포넌트 등록
06 : 00
[퀴즈] .vue 파일에서 컴포넌트 등록하기 퀴즈 풀이
08 : 00
[부록] Vue Loader
Vue Loader 소개
10 : 00
[안내] 정리 및 다음 강좌 안내
정리 및 다음 강좌 안내
13 : 00

수강 후기

4.1
52개의 수강평
김혁진 2018.08.22
Vue의 기본적인 문법을 알 수 있어서 좋았습니다. Vue의 기본 문법을 해볼 수 있어서 좋았고 중급도 들어볼 예정입니다.
장기효(캡틴판교) 프로필

장기효(캡틴판교) 11달 전
좋은 평가 감사합니다 혁진님 :) .

gyuyoung lee 1일 전
작년 9월에 구매하고 이제 보았네요. 잘 보았습니다. 감사합니다