로그인
회원가입
lnb영역
수강신청
컨텐츠 내용
- 수강신청
- 과정정보
Vue.js 활용 포트폴리오 웹사이트 제작
과정소개
Vue.js를 활용하여 전문적인 포트폴리오 웹사이트를 처음부터 끝까지 제작합니다. 기본적인 환경 설정부터 컴포넌트 설계, 반응형 레이아웃, 애니메이션 효과, SEO 최적화까지 실무에서 필요한 모든 과정을 실습과 함께 학습합니다. 초보자도 쉽게 따라할 수 있는 단계별 학습으로 구성되어 있습니다.
학습목표
- Vue.js의 핵심 개념과 기능을 이해하고 활용하기
- 재사용 가능한 컴포넌트 설계 방법 습득하기
- 반응형 웹 디자인과 애니메이션 효과 구현하기
- 검색엔진 최적화(SEO)를 통한 웹사이트 가시성 향상시키기
- 실무에서 바로 활용 가능한 포트폴리오 웹사이트 완성하기
- 재사용 가능한 컴포넌트 설계 방법 습득하기
- 반응형 웹 디자인과 애니메이션 효과 구현하기
- 검색엔진 최적화(SEO)를 통한 웹사이트 가시성 향상시키기
- 실무에서 바로 활용 가능한 포트폴리오 웹사이트 완성하기
교육대상
- 웹 개발에 관심이 있는 초보자
- 포트폴리오 웹사이트를 제작하고 싶은 취업준비생
- Vue.js를 활용한 실무 프로젝트를 준비하는 개발자
- 모던 웹 프레임워크를 학습하고 싶은 일반인
- 포트폴리오 웹사이트를 제작하고 싶은 취업준비생
- Vue.js를 활용한 실무 프로젝트를 준비하는 개발자
- 모던 웹 프레임워크를 학습하고 싶은 일반인
수료기준
| 평가기준 | 총점 |
|---|---|
| 반영비율 | 100점 |
| 이수(과락)기준 | 60점 |
※ 수료기준은 각 평가항목의 점수가 수료기준 점수 이상이고 총점이 60점 이상이어야 합니다.
| 차시 | 강의명 |
|---|---|
| 1차시 | Vue.js 환경 설정 포트폴리오 구조 설계 |
| 2차시 | Vue CLI 활용 Vue.js 프로젝트 생성 |
| 3차시 | Vue.js 컴포넌트 활용 재사용 UI 설계 |
| 4차시 | Vue.js 활용 이력 섹션 설계 |
| 5차시 | V-on 디렉티브 활용 상호작용 및 포트폴리오 섹션 토글 |
| 6차시 | Vue Router 활용 네비게이션 및 트렌지션 |
| 7차시 | Vuex 활용 전역 상태 관리 및 데이터 흐름 파악 |
| 8차시 | CSS Flexbox/Grid 활용 반응형 레이아웃 설계 |
| 9차시 | Vue 트랜지션 기능 활용 애니메이션 효과 추가 |
| 10차시 | 메타 태그와 Vue Meta 활용 검색 엔진 최적화 |