Thumbnail

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

(4.2)
61개의 수강평 ∙  1,062명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 장기효(캡틴판교)
총 60개 수업 (3시간 32분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

최신 프론트엔드 프레임워크 Vue.js 의 기초를 학습하는 강좌입니다. 이 강의는 프런트엔드 개발에 입문하는 입문자, 퍼블리셔, 디자이너, 대학생을 대상으로 합니다. 책과 공식 문서보다 빠르게 Vue.js를 학습하시고 싶은 분들께 추천드립니다.

"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 | 장기효님 인터뷰 보러가기

안녕하세요
장기효(캡틴판교) 입니다.
장기효(캡틴판교)의 썸네일

인프런에서 8년째 지식을 공유하고 있습니다.

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각을 들을 수 있는 곳

커리큘럼 총 60 개 ˙ 3시간 32분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 2. Vue 시작하기
Vue 는 무엇인가? 미리보기 05:00
[실습] Vue 시작하기 - Hello Vue.js 02:00
[부록] MVVM 패턴이란? 01:00
섹션 3. Vue 인스턴스
섹션 4. Vue 컴포넌트
컴포넌트 소개 02:00
[실습] 컴포넌트 등록 02:00
전역 & 지역 컴포넌트 등록 02:00
[실습] 전역 & 지역 컴포넌트 등록 03:00
[실습] 전역 & 지역 컴포넌트 차이점 03:00
[퀴즈] 지역 & 전역 컴포넌트 등록 퀴즈 안내 02:00
[퀴즈] 전역 & 지역 컴포넌트 등록 퀴즈 풀이 03:00
섹션 5. 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
섹션 6. 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
섹션 7. Vue 리소스
Vue Resource와 Axios 소개 03:00
섹션 8. Vue 템플릿
강의 중간 정리 02:00
소개 06:00
Attributes 01:00
Javascript Expressions 02:00
Directive 03:00
Filter 01:00
섹션 9. 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
섹션 10. Vue 싱글파일 컴포넌트 체계
소개 04:00
섹션 11. Vue 프로젝트 구성방법
Vue CLI 를 이용한 프로젝트 구성 방법 설명 02:00
[실습] Vue CLI 를 이용한 프로젝트 구성 팁 11:00
[실습] Vue CLI 와 싱글파일 컴포넌트를 이용한 컴포넌트 등록 06:00
[퀴즈] .vue 파일에서 컴포넌트 등록하기 퀴즈 풀이 08:00
섹션 12. [부록] Vue Loader
Vue Loader 소개 10:00
섹션 13. [안내] 정리 및 다음 강좌 안내
정리 및 다음 강좌 안내 13:00
강의 게시일 : 2019년 04월 28일 (마지막 업데이트일 : 2019년 04월 28일)
수강평 총 61개
수강생분들이 직접 작성하신 수강평입니다.
4.2
61개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
digilog thumbnail
5
기초 익히기 좋습니다
2021-04-16
장인규 thumbnail
5
Vue 입문으로는 최고였습니다. 최신 버전으로 입문 강의 나온것도 기대되네요.. ^^
2019-08-12
Juhee Baek thumbnail
5
vue에 기초를 다시 정리하는 시간이 되었던 것 같습니다.
2019-09-10
bigMango thumbnail
5
작년 9월에 구매하고 이제 보았네요. 잘 보았습니다. 감사합니다
2019-08-22
이규섭 thumbnail
4
굿굿
2019-07-07