Web
Mobile Design
(산대특)뷰(Vue.js)를 활용한 프로그레시브 웹 앱(PWA) 개발자 양성과정
교육기간
2023-06-28 ~ 2023-12-01
교육시간
09:00~17:30 (8시간), 주 5일(월~금), 총856시간
교육과목
포토샵/일러스트/피그마 HTML+CSS, JavaScript, PWA(Progressive Web App) 뷰(Vue.js), 포트폴리오
교육내용
웹퍼블리싱 웹표준/웹접근성, 프론트엔드, 프로그레시브 웹 앱, 포트폴리오, UI/UX 반응형 홈페이지 제작
훈련비용
7,366,730원(자부담없음)
  • 웹디자인·웹퍼블리싱 UI/UX Design·Publishing

    photoshop · illustrator · Figma
    웹아이덴티티에대한 이해/구현
    인터렉티브 디자인
    웹 & 모바일 UI/UX 디자인

  • 프론트엔드(Vue.js)·PWA Front-end
    Progressive Web App

    html + css 웹표준 코딩
    javascript 웹 UI 개발
    반응형 웹 설계 및 구축
    프로그레시브 웹 앱 제작

  • 포트폴리오 제작 Web Portfolio

    벤치마킹에 대한 이해
    웹 트랜드에 대한 분석 및 적용
    사용성/접근성/업계표준 준수

훈련목표 기업체에서 요구되는 사항인 다양한 사용자 환경과 디바이스에서 웹 서비스가 운용될 수 있도록 반응형 웹(Responsive Web) 및 VUE 프레임워크를 활용한 프로그레시브 웹 앱(Progressive Web App) 개발 기술을 습득하여 관련 기업에 취업을 목적으로 한다.
직업기초능력 1 UI/UX 디자인
  • 포토샵 · 일러스트레이터 · 피그마
  • 웹&멀티미디어 디자인 이란?
  • 웹아이덴티티(Web Identity)에 대한 이해 및 활용
  • 패럴랙스 스크롤(Parallax Scrolling) 레이아웃에 대한 이해 및 디자인
  • 모바일 홈페이지에 대한 이해 및 디자인/콘텐츠 구성
  • 반응형 웹(Responsive Web)/적응형 웹(Adaptive Web)에 대한 이해 및 디자인/콘텐츠 구성
  • 다양한 디바이스에 이해를 기반으로 한 맞춤형 홈페이지 제작
직업기초능력 2 웹표준 콘텐츠제작
  • 웹표준, 시맨틱 웹(Semantic Web)에 대한 이해
  • HTML/CSS
  • javascript
  • HTML5와 CSS3 등 새로운 웹 기술에 대한 이해 및 적용
  • 반응형 웹(Responsive Web)/적응형 웹(Adaptive Web)에 이해 및 구현
  • 웹접근성에 대한 이해 및 지침 준수
  • 웹호환성 체크 방법 및 준수
직업기초능력 3 프론트엔드
  • 프로그레시브 자바스크립트 프레임워크(Vue.js)에 대한 이해
  • VUE 기본 및 심화 문법 익히기
  • 서비스워커 만들고 실행하기
  • UI프레임워크 뷰티파이 활용하기
  • To-Do 앱 만들기 / 갤러기 앱 만들기/카메라 앱 만들기
  • 파이어베이스 실시간 DB준비하기/파이어베이스 스토리지 DB 준비하기 / 워크박스로 런타임 캐시 관리하기
  • 구글 로그인 서비스 / 매니페스트, 파이어베이스 인증, 컴퓨턴트 작성
직업기초능력 4 프로그레시브 웹 앱(PWA) 개발
  • 웹 앱메니페스트를 작성하면서 PWA의 구조 파악하기
  • Vue를 활용한 프로젝트 PWA화 실습
  • PWA 성능 테스트
  • 코르도바(Cordova)로 하이브리드 앱 만들기
  • 웹앱을 안드로이드 앱으로 만들기
  • 구글 플레이 스토어에 앱 등록하기
  • 지원혜택 전액 국비지원
    매월 최대 816,000원 훈련장려금 지급
    국비 수료생도 전액 무료 수강 가능
  • 훈련대상 취업을 준비중인 구직자
    (구직 등록한 15세 이상 실업자)
    대학생(졸업까지의 수업연한 2년 이하)
수료생 작품보기 이지디자인컴퓨터학원에서 NCS 직무과정을 수료한 학생들의 작품입니다.
웹 포트폴리오 더 보기 next