멀티캠퍼스 :: 과정상세보기

과정요약

과정요약
학습시간	09:00 ~ 17:00 ( 34시간 )	난이도	중급
교육비 지원	고용보험 비환급	평가항목	출석률 100%
수료기준	총점 80점 이상시 수료	정원	24 명
교재정보

과정소개

Vue.js Quick Start
Vue.js Framework Javascript

3대 Front-end Javascript Framework 중에서 (Angular, React, Vue)
가장 늦게 시작했지만, 가장 빠른 속도로 성장하고 있는 Vue.js 🚀

의도적으로 단순함을 지향하는 가벼운 프레임워크이면서도
탁월한 유연성을 가지고 있어, 활용성이 높은 Vue.js의 매력을 느껴보세요 👍 !

📍 과정 핵심 3가지 포인트

✨ Vue의 인기에는 다 이유가 있다!

- 기존의 웹앱 구조를 그대로 두고 일부 화면에만 적용할 수 있어 유연해요!
- 가상 DOM을 지원하여 렌더링 속도도 빠릅니다 🚀

🎁 기초부터 응용까지, Vue의 A to Z

- 프레임워크 개요만 다루는 다른 교육과는 달라요 🙅‍♀️🙅‍♂️
- 34시간 동안 기초부터 응용까지, Vue.js 개발에 필요한 모든 것을 알려드립니다.

💻 업무에 바로 쓰는 실습 코드

- 사무실에 복귀하면 머릿속이 하얘지는 교육이 아니에요 🙅‍♀️🙅‍♂️
- 실무에 바로 사용할 수 있는 애플리케이션을 작성해 볼 예정입니다.

📍 과정 실제 후기 (페이지 하단에서 더 많은 후기를 만나보세요 👀)

👍 최OO
- 타이핑을 못따라거간 할 때도 툴을 이용하여 바로바로 공유가 되게 해주셔서 강의를 따라가기가 쉬웠습니다.
- 프론트를 처음 했지만 뷰에 대해 잘 알게 되어 너무 좋습니다! (⭐⭐⭐⭐⭐)

💥 박OO
- 업무 시 부족했던 vue.js 전반에 대해 이해할 수 있었습니다. (⭐⭐⭐⭐)

💻 이OO
- 실제 업무 중에 활용할 수 있는 스킬들도 설명해주시고
- 항상 예시를 들어주셔서 이해하기 쉬웠습니다. (⭐⭐⭐⭐⭐)

📍 과정 참고 사항

- Javascript 문법이 익숙하지 않으신 분들께는 아래 과정 선수강을 추천드립니다!
- 선수 과정 : 객체지향 Javascript 기본 (바로가기)

학습목표

Vue를 이용해 컴포넌트 기반의 SPA구조의 웹애플리케이션을 개발할 수 있다.
Webpack을 활용하여 효과적인 개발 환경을 구축하고 배포 파일을 생성할 수 있다.
라우팅 기능을 이용하여 SPA 기반의 웹애플리케이션을 개발할 수 있다.
Vuex를 활용하여 디버깅이 용이하고 투명한 상태 관리가 가능한 웹애플리케이션을 구현할 수 있다.
axios를 이용해 서버와 통신하는 웹애플리케이션을 손쉽게 개발할 수 있다.

학습대상

가볍고 빠른 웹 애플리케이션을 개발하고자 하는 프론트엔드 개발자
기존 웹애플리케이션을 SPA(Single Page Application)로 개선하시려는 분
향후 Electron이나 Weex를 이용해 데스크톱앱, 모바일UI까지 개발하고 싶은 분

- 1일차
  - 1. Vue.js 시작하기
    - 개요, 환경 설정 09:00 ~ 10:00
    - Vue.js 기초(1)
      · 디렉티브
      · 반복렌더링 10:00 ~ 12:00
    - Vue.js 기초(2)
      · 계산형 속성 13:00 ~ 14:00
    - Vue.js 인스턴스
      · 옵션, 메서드
      · 관찰 속성
      · 생명주기 14:00 ~ 17:00
- 2일차
  - 2. 이벤트 처리
    - 인라인 이벤트, 이벤트 객체
      기본 이벤트, 이벤트 전파, 수식어 09:00 ~ 11:00
  - 3. 스타일
    - 스타일 적용, 인라인 스타일 11:00 ~ 12:00
    - CSS 클래스, 컴포넌트 스타일 13:00 ~ 14:00
  - 4. 컴포넌트 기초
    - 컴포넌트 작성법
      props와 event
      이벤트 버스 객체 이용 14:00 ~ 17:00
- 3일차
  - 5. ES2015
    - ES2015 사용 설정
      ES2015 문법 09:00 ~ 11:00
  - 6. Vue-CLI
    - 개요, 구성 11:00 ~ 12:00
    - 개발서버 설정, Vue-CLI 13:00 ~ 14:00
  - 7. 컴포넌트 심화
    - 단일파일컴포넌트
      슬롯, 스타일
      동적 컴포넌트, 재귀컴포넌트 14:00 ~ 17:00
- 4일차
  - 8. axios
    - 소개, 기능 테스트
      예제 작성 09:00 ~ 12:00
  - 9. Vuex
    - 소개
      상태와 변이
      게터, 액션
      예제 작성 실습 13:00 ~ 17:00
- 5일차
  - 10. Vue-router
    - 기초,동적 라우트
      중첩라우트, 명명된 라우트
      프로그래밍 방식 라우트, 속성 09:00 ~ 12:00
    - 예제 작성 실습 13:00 ~ 14:00
  - 11. 트랜지션 효과
    - 트랜지션 기초, 이벤트 훅
      예제 작성 실습 14:00 ~ 16:00