과정상세
Vue.js Quick Start
![thumbnail image](https://webcachecdnitx.multicampus.com/prd/pv00/Q23240/Q23240_PV_TN_IM_1.jpg)
교재제공 중급
Vue.js Quick Start
카테고리
- 학습유형별 대면
- SW 개발 웹 - Front End
과정요약
학습시간 | 09:00 ~ 17:00 ( 34시간 ) | 난이도 | 중급 |
---|---|---|---|
교육비 지원 | 고용보험 비환급 | 평가항목 | 출석률 100% |
수료기준 | 총점 80점 이상시 수료 | 정원 | 24 명 |
교재정보 |
과정소개
Vue.js Framework Javascript
3대 Front-end Javascript Framework 중에서 (Angular, React, Vue)
가장 늦게 시작했지만, 가장 빠른 속도로 성장하고 있는 Vue.js 🚀
의도적으로 단순함을 지향하는 가벼운 프레임워크이면서도
탁월한 유연성을 가지고 있어, 활용성이 높은 Vue.js의 매력을 느껴보세요 👍 !
- 기존의 웹앱 구조를 그대로 두고 일부 화면에만 적용할 수 있어 유연해요!
- 가상 DOM을 지원하여 렌더링 속도도 빠릅니다 🚀
- 프레임워크 개요만 다루는 다른 교육과는 달라요 🙅♀️🙅♂️
- 34시간 동안 기초부터 응용까지, Vue.js 개발에 필요한 모든 것을 알려드립니다.
- 사무실에 복귀하면 머릿속이 하얘지는 교육이 아니에요 🙅♀️🙅♂️
- 실무에 바로 사용할 수 있는 애플리케이션을 작성해 볼 예정입니다.
- 타이핑을 못따라가거나 할 때도 툴을 이용하여 바로바로 공유가 되게 해주셔서 강의를 따라가기가 쉬웠습니다.
- 프론트를 처음 했지만 뷰에 대해 잘 알게 되어 너무 좋습니다! (⭐⭐⭐⭐⭐)
💥 박OO
- 업무 시 부족했던 vue.js 전반에 대해 이해할 수 있었습니다. (⭐⭐⭐⭐)
💻 이OO
- 실제 업무 중에 활용할 수 있는 스킬들도 설명해주시고
- 항상 예시를 들어주셔서 이해하기 쉬웠습니다. (⭐⭐⭐⭐⭐)
📍 과정 참고 사항
- 선수 과정 : 객체지향 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
-
1. Vue.js 시작하기
-
2일차
-
2. 이벤트 처리
- 인라인 이벤트, 이벤트 객체
기본 이벤트, 이벤트 전파, 수식어 09:00 ~ 11:00
- 인라인 이벤트, 이벤트 객체
-
3. 스타일
- 스타일 적용, 인라인 스타일 11:00 ~ 12:00
- CSS 클래스, 컴포넌트 스타일 13:00 ~ 14:00
-
4. 컴포넌트 기초
- 컴포넌트 작성법
props와 event
이벤트 버스 객체 이용 14:00 ~ 17:00
- 컴포넌트 작성법
-
2. 이벤트 처리
-
3일차
-
5. ES2015
- ES2015 사용 설정
ES2015 문법 09:00 ~ 11:00
- ES2015 사용 설정
-
6. Vue-CLI
- 개요, 구성 11:00 ~ 12:00
- 개발서버 설정, Vue-CLI 13:00 ~ 14:00
-
7. 컴포넌트 심화
- 단일파일컴포넌트
슬롯, 스타일
동적 컴포넌트, 재귀컴포넌트 14:00 ~ 17:00
- 단일파일컴포넌트
-
5. ES2015
-
4일차
-
8. axios
- 소개, 기능 테스트
예제 작성 09:00 ~ 12:00
- 소개, 기능 테스트
-
9. Vuex
- 소개
상태와 변이
게터, 액션
예제 작성 실습 13:00 ~ 17:00
- 소개
-
8. axios
-
5일차
-
10. Vue-router
- 기초,동적 라우트
중첩라우트, 명명된 라우트
프로그래밍 방식 라우트, 속성 09:00 ~ 12:00 - 예제 작성 실습 13:00 ~ 14:00
- 기초,동적 라우트
-
11. 트랜지션 효과
- 트랜지션 기초, 이벤트 훅
예제 작성 실습 14:00 ~ 16:00
- 트랜지션 기초, 이벤트 훅
-
10. Vue-router
-
1일차
수강후기 161
-
5박*연
2024.07.26
내용이 많고 빨라서 따라가기 어렵지만, 실습과 함께 수업이 이루어지는 부분이 좋았습니다. -
5김*경
2024.07.26
집중적으로 vue js 에 대해서 빠르게 배울수 있어서 좋았습니다 -
3.25차*승
2024.07.26
너~~무 빨라요 그냥 진도만 나가시네요 휴식시간도 제대로 지켜진적이 한번도 없네요 그렇다고 수강자가 이해갈 수 있도록 하는지는 전혀 모르겠고 그냥 나는 내갈길을 간다. 하는 느낌으로 진도만 나가시는 느낌이 낭낭합니다. 중간중간 학생들이 계속 한숨쉬고 하는데도.. 전혀 아랑곳 안하시고 그냥 진도만 나가세요 + 질문있냐고 중간중간좀 물어봐주세요 하루 다 끝나고 누가 질문하나요?^^;; -
5박*주
2024.07.26
vue 의 기본적인 지식을 바탕으로 프로젝트에 잘 활용할 수 있을 것 같습니다. -
5이*웅
2024.07.26
vue.js 이해하는데 도움이 되었습니다.
Vue.js Quick Start 관련과정
![thumbnail image](https://webcachecdnitx.multicampus.com/prd/pv00/FA00YE/FA00YE_PV_TN_IM_1.jpg)
교재제공
![thumbnail image](https://webcachecdn.multicampus.com/prd/pv00/FA0152/FA0152_PV_TN_IM_1.jpg)
교재제공