가장 쉽게 배우는 Vue.js, 기초부터 실무까지
추천강의
강의소개
강의정보
| 학습개요 |
가장 쉽게 배우는 Vue.js, 기초부터 실무까지 다양한 프로젝트를 통해 Vue 기초부터 실무까지 모두 해결해보세요! 꼭 알아야 할 Vue 핵심내용부터, Vue.js 웹 개발에 도움을 주는 연관 프로그램/언어까지, 커리큘럼에 포함하고 있습니다. * 해당 강좌는 HTML,CSS,ja |
|---|---|
| 학습목표 |
1. Vue.js의 기초문법을 올바르게 이해하고, 정확하게 실무에서 활용할 수 있다. 2. Option API와 Composition API 사용법을 익히고, 이를 적절하게 활용할 수 있다. 3. 중앙집중식 상태관리 라이브러리 Vuex와 Pinia 사용법을 익히고, 웹을 업그레이드 할 수 있다. 4. Atomic Design Pattern을 통해 UI 컴포넌트를 극대화 시켜, 퀄리티 높은 웹을 개발할 수 있다. |
| 학습대상 |
|
강사이력
| 해커스HRD Vue.js 대표 강사
현) 지에스아이엘 개발자 근무
하나금융그룹 DT 교육 진행
9Diin IT/코딩 유튜브 채널 운영 |
강의목차
-
강의정보 번호 강의명 1강처음 만나는 Vue.js- Vue.js
- [실습] Vue.js 준비하기
- [실습] 라이프사이클, 데이터 바인딩
2강Vue 핵심 문법 정복하기!- [실습] Vue 핵심문법 활용하기 1
- [실습] Vue 핵심문법 활용하기 2
- [실습] Vue 핵심문법 활용하기 3
3강Vue Router- [실습] Vue Router 공식문서 정복하기
- [실습] Vue Router 설정하기
4강컴포넌트- [실습] 컴포넌트 활용하기
- [실습] Slot을 통한 컴포넌트 테스트하기
- [실습] 데이터 prop을 통해 동적 컴포넌트 관리하기
5강오픈 웨더 API를 활용한 날씨 웹 만들기 1- Atomic Design Pattern
- [실습] 디자인 패턴 설계하기 1
- [실습] 디자인 패턴 설계하기 2
6강오픈 웨더 API를 활용한 날씨 웹 만들기 2- [실습] Open Weather API 연동하기
- [실습] API 데이터 바인딩
- [실습] Dayjs 플러그인 사용하기
7강Map API를 활용하여 지도 띄워보기- [실습] MAP API 활용 전 준비하기
- [실습] MAP API 활용하기 1
- [실습] MAP API 활용하기 2
8강Vuex- Vuex
- [실습] store 관리하기
- [실습] store 활용하기
9강오픈 웨더 API를 활용한 날씨 웹 만들기 3- [실습] 이벤트 핸들링하기 1
- [실습] 이벤트 핸들링하기 2
- 컴포지션 API
- [실습] 컴포지션 API 리뉴얼하기
-
강의정보 번호 강의명 10강컴포지션 API, 더 나아가기- [실습] 컴포지션 API 핵심문법 활용하기
- [실습] 컴포지션 API & TypeScript 활용하기
11강Vue 업그레이드, Pinia- Pinia
12강실시간 데이터 조회 웹 만들기 1 [Chart.js]- [실습] 프로젝트 환경설정
- [실습] 타입스크립트 환경설정
- [실습] 웹 퍼블리싱하기
13강실시간 데이터 조회 웹 만들기 2 [Chart.js]- [실습] Chart.js로 차트 그리기
- [실습] 실시간 데이터 조회 기능 개발하기
- [실습] Chart.js 데이터 바인딩
14강실시간 데이터 조회 웹 만들기 3 [Chart.js]- [실습] 검색 기능 개발하기
- [실습] 필터 버튼 제작하기
- [실습] 웹 프로젝트 배포하기
15강Final Project: DashBoard 만들기 1- [실습] 대시보드 프로젝트 환경설정
- [실습] UI 디자인 설계하기
- [실습] 페이지 라우팅
16강Final Project: DashBoard 만들기 2- [실습] 대시보드 퍼블리싱 하기 1
- [실습] 대시보드 퍼블리싱 하기 2
- [실습] 대시보드 퍼블리싱 하기 3
17강Final Project: DashBoard 만들기 3- [실습] API 연동하기
- [실습] 대시보드 차트 구현하기
- [실습] 대시보드 업그레이드
- [실습] Vue 최종점검
