Vue로 구현하는 PWA CAMP

Vue.js 정복을 통한
Progressive Web App 프로젝트.

  • #PWA
  • #율무
  • #캡틴판교
기간
2020. 1. 11 - 2020. 3. 7 (1/25 휴강) 총 8주
일정
토요일 14:00 - 19:00 주 1회, 총 40시간
장소
패스트캠퍼스 강남강의장 강남역 4번출구, 미왕빌딩
문의
02-568-9886 help@fastcampus.co.kr

웹 개발 트렌드에 맞춰 PWA Vue를 익히고,
다양한 프로젝트 실습으로 프론트엔드 개발 능력을 업그레이드 시키세요!

Web Development Trends
PWA는 이미 2019년 웹 개발 트렌드 중에서도 상위권인 3위를 차지하고 있습니다.
Alibaba.com
쇼핑몰 알리바바는 PWA로 네이티브 앱에서 모바일 웹으로의 전환율을 76%로 이끌었습니다.
Twitter Lite
트위터라이트 PWA는 상당수 사용자들의 재방문을 유도하고, 데이터 사용량을 감소 시켰습니다.

PWA(Progressive Web App), 왜 배워야할까요?

Point.01
네이티브 앱 같은 웹

Push알람, GPS, 블루투스 등
네이티브 앱에서 구현되는 기능을 동일하게 구현할 수 있습니다.

Point.02
빠른 로딩 속도

모바일 웹에서도
모바일 앱에 뒤지지 않는
빠른 로딩 속도를 구현합니다.

Point.03
연결 독립적

오프라인이나
네트워크가 느린 환경에서도
원활하게 동작합니다.

PWA
네이티브 앱을 뛰어넘는 웹앱

Vue.js
프론트엔드 개발 대세 프레임워크


코스특징.

01

프론트엔드 개발자를 위한 최신 기술과 도구의 총집합

최신 트렌드 기술을 따라가다 보면 Webpack, ES6, Firebase, Github 등 한 번쯤 마주하는 용어들입니다. 하지만 지금까지 익숙하지 않아 효과적으로 사용하지 못했던 분들이라면 강의를 통해 프로젝트에 직접 사용하시면서 체득할 수 있습니다.

02

배워서 바로 쓸 수 있는 실무 밀착형 커리큘럼

Vue.js + Firebase를 이용한 Push 웹 서비스, SPA 기반의 미세먼지 측정 PWA 등을 제작하며 브라우저의 동작원리부터 프로젝트를 진행하며 다루게 될 핵심 기술까지 단계적으로 경험합니다. 단순 이론강의로는 만날 수 없는 실무 노하우를 전달합니다.

03

PWA와 함께 Vue.js까지 학습하는, 1석 2조 코스

최신 웹 트렌드인 PWA와 동일하게 최신 자바스크립트 프레임워크인 Vue를 활용하여 프로젝트를 진행합니다. PWA와 더불어 자바스크립트 활용능력까지 한층 더 성장할 수 있는 기회를 제공합니다.


실습으로 완성하는
Vue.Js & PWA 프로젝트.

1

Vue.js 컴포넌트
설계 방식과 통신 방법

2

회원 가입, 로그인 등의 인증 처리와
API 함수 구조화 방법

3

프로그레시브 웹/앱을 제작하며
배우는 Offline 웹과 Push 알람 기능

Vue를 활용한
Todo 앱 제작
[활용 기술 스택]
– Vue.js(ES5) + Vuex
– Vue CLI + Webpack
– Firebase
SPA 기반 미세먼지
측정 PWA 제작
[활용 기술 스택]
– PWA + Vue.js(ES6)
– Open API + GPS + Push 알람
– Firebase + SPA

실무에서 겪은 경험과 지식을 얻어갈
프로젝트형 커리큘럼!

1

PWA와 Vue.js로
서비스를 제작하면서 얻은
전문가의 노하우와 지식을
가져갈 기회입니다.

2

예전 웹 개발 방식에서 벗어나
프론트엔드 개발 프레임워크를
썼을 때의 업무 절차와
협업 방식
에 대해 알아봅니다.

3

최신 프론트엔드 개발
생태계
에 대해 알아보고
Webpack과 같은 빌드 도구도
함께 살펴봅니다.


커리큘럼.

강의에 대한 전반적인 소개를 한 눈에 보고 싶다면? 교육 과정 소개서를 확인해주세요!
* 본 소개서는 회사 제출용으로도 사용 가능합니다.


수강대상.

Vue를 비롯해
최신 프론트엔드 기술에
흥미가 있는 분

JS입문 이상으로
성장하고 싶은
퍼블리셔

실제 서비스 가능한
앱을 개발해야 하는
웹 개발자

수강 신청 전, 나에게 맞는 강의인지 확인해볼까요?
아래 퀴즈에서 두 문제 이상 맞추셔야 원활한 수강이 가능합니다.

잠깐! 두 문제를 못 맞췄어도 괜찮아요!
아래 학습 자료선행 학습하세요!

수강 전, 아래 학습 자료를 꼼꼼하게 공부하고 오신다면, 누구나 [Vue로 구현하는 PWA CAMP] 수강이 가능합니다.

Vue.Js & PWA 실무 경험과
강의 경험이 풍부한 강사진.

1

Vue.js 창시자 에반유에게
직접 들은 내용을 전합니다.

2

강사님의 실무 경험 및
강의 경험
을 바탕으로 전합니다.

3

두 명의 강사님이 함께 해
더욱 면밀한 실습 지도가 가능합니다.

강사소개.

장기효 강사님
[캡틴판교]

현| 프론트엔드 개발자
– 네이버, 이베이 코리아, SK 그룹 Vue.js 강의
– Google PWA 공식 문서 번역자 (문서 바로가기)
– Do it! Vue.js 입문 저자 (책 자세히보기)
– 기술 블로그 (블로그 바로가기) (블로그 바로가기)
- Github 바로가기
“Vue.js의 초점은 더 많은 사람들이 쉽게 웹 앱을 개발하도록 도와주는데에 있다.” 지난 9번의 수업에서 수강생 분들이 빠르게 성장하고 개인 목표를 달성하시는 것을 보며 뿌듯함을 느꼈습니다. 이번 수업은 기존 수업 내용과 함께 새로운 컨텐츠로 8주 안에 더 빠르게 성장하실 수 있도록 준비하였습니다. 국내 어디에서도 찾아보기 힘든 강의를 목표로 수강생 분들의 역량 향상에 집중하겠습니다.
진유림 보조강사님
[율무]

현| ZEPL Software Enginner

전| 레진엔터테인먼트, 스마트스터디
– 삼성전자, Google Women Techmakers Seoul, 국민대, 성신여대 등 다수 강연
– 한빛미디어 Git 서적 집필중
– 신입 개발자 생활백서 (슬라이드 보기)
– 낮은 가지의 열매 (슬라이드 보기)
– 기술 블로그 (블로그 바로가기)
- Github 바로가기
디자인과 WEB을 좋아하는 잡식 개발자 입니다. 사람들의 생산성을 높여 삶의 질을 좋게 만드는 일에 관심이 많습니다. 아름다운 웹과 iOS 개발, 새로운 언어와 프레임워크 그리고 개발자들 오프라인 모임과 그들의 개그를 사랑합니다. 개발자라면 꼭 알아야 할 Git 특강과 더불어 빠르고 효율적이게 PWA, Vue 실습을 진행하실 수 있도록 도와드리겠습니다.

수강후기.

김영보 수강생

프론트엔드 개발자가 아니더라도 퍼블리셔 또한 항상 고민해야 할 부분이지만 어디에서도 가르쳐주지 않았던 브라우저의 동작 원리 등 많은 부분을 배우게 되었습니다. 이 강의를 들으면 분명 퍼블리셔는 프론트엔드 개발자로, 프론트엔드 개발자는 한 단계 레벨업 할 수 있는 기회가 될 것입니다. 인터뷰 보기 〉

이희찬 수강생

웹 성능과 PWA에 대해 알아보고 공부해서 적용해보고 싶으신 분, 포트폴리오를 만들 때 남들과는 차별화된 프로토타입을 만들고 적용해보고 싶으신 분들은 물론이고 웹에 대한 내용, 트렌드를 많이 다루기 때문에 프론트엔드를 공부하고 있는 분이라면 정말 많은 것을 얻어가실 수 있으실겁니다.

임송이 수강생

강의에서 배우는 기술들이 어떤 배경에서 등장했고, 어떤 장점이 있고 관련 기술과 어떻게 이어지는지 등 기술의 바탕이 되는 설명을 들을 수 있었습니다. 독학으로는 배우기 힘든 PWA와 Vue 등 최신 프론트엔드 기술을 가져갈 수 있어서 무척이나 좋았습니다.

익명 수강생

수업을 통해 PWA 푸쉬기능이 있는 알림 게시판을 직접 만들었습니다. 두고두고 읽을만큼 좋은 퀄리티의 수업자료가 가장 인상깊었습니다. 일일이 참고링크도 첨부되어 있어서 복습하기에도 좋고 특히 PWA의 서비스워커 부분은 지금도 참고하고 있습니다. PWA를 직접 현업에서 적용해보는 기회를 만들 좋은 강의라고 생각합니다.

QnA.

강의장안내.