로드맵 썸네일

누구나 처음부터 프론트엔드 개발자 로드맵 (Vue.js)

인프런

JavaScript
Vue.js
HTML/CSS
입문 강의 아이콘

입문 대상

8개 강의

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

281명 참여중

로드맵 코스


코알못도 시작하는
프론트엔드!

프론트엔드(Front-end, FE) 개발자를 아시나요?
우리 눈에 직접적으로 보이는 웹 화면(프론트단)을 HTML과 CSS, JavaScript 등을 활용해 설계, 구성하고 관리하는 웹 개발자를 말하죠.
코딩 경험이 전혀 없지만 프론트엔드 개발자가 되고 싶은 분들이라면 이 로드맵에 주목하세요!

먼저 낫 놓고 HTML, CSS, JavaScript부터 알아봅시다.
그 다음엔 쉽고도 생산적인 Vue.js를 배울 거예요.
2018년 프론트엔드 개발자들을 대상으로 실시한 자바스크립트 프레임워크 현황조사에 따르면, 무려 46.6%가 Vue.js를 들어봤고 배우길 희망한다고 응답할 만큼 인기가 많답니다. (출처 링크) 
코딩의 ‘코’자도 모르고 시작하는 비전공자라도 프론트엔드 개발에 입문할 수 있게 도와드릴게요!

(😁 이미 HTML, CSS, JavaScript를 알고 있다면?  이 로드맵을(링크) 더 추천합니다.)

해내면 얻게 되는 것들 🔨

프론트엔드, Vue.js로 대세를 따르세요

# 쉽고 최신의 프레임워크
자바스크립트 프레임워크 진영의 후발주자, Vue.js는 기존 Angular와 React에 비해 학습이 쉬우며 성능 또한 빠르고 우수합니다. 관련 커뮤니티도 활발한데다, 한글 문서를 공식 제공해 진입장벽이 낮기 때문에 쉽게 익힐 수 있어요.
이름값을 제대로 
‘뷰’라는 이름처럼, Vue.js는 뷰 모델을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다. 개발자와 적극 협업하고 싶지만 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔가 특히 활용하기 좋은 이유죠.

이런 분들께 추천드려요!

 

코알못

코딩의 코자도 모르는 비전공자, 비개발자

작심삼일

프로그래밍 공부 맘만 먹고 시작도 못 한 분

포폴도 면접도 시급해

프론트엔드 개발자 취업 희망 대학생, 입문자

개자이너?

웹디자인과 개발 모두 잡고픈 디자이너

로드맵 코스

로드맵에 포함된 강의 썸네일
컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1
웹의 근간이 되는 기술, HTML을 배워 문서와 웹페이지를 직접 만들어 보세요. 
누구나 코딩을 시작할 수 있어요.

무료

로드맵에 포함된 강의 썸네일
WEB2 - CSS
HTML을 통해 기초 뼈대를 세웠다면, 화면을 예쁘게 꾸며주는 CSS로 웹페이지를 더욱 아름답게 꾸며보세요.

무료

로드맵에 포함된 강의 썸네일
WEB2 - JavaScript
이제 웹의 움직임과 동작을 완성시켜 줄 자바스크립트를 배워보세요.

무료

로드맵에 포함된 강의 썸네일
코어 자바스크립트
자바스크립트를 사용하지만 정확히 뭐가 뭔지 모르고 쓰는 분들을 위해 핵심을 정리한 축복 같은 강의입니다. 길을 잃은 내 JS 공부를 도와줄 강의를 들어보세요!

22,000

로드맵에 포함된 강의 썸네일
Vue.js 시작하기 - Age of Vue.js
프론트엔드 개발에 있어 필요한 지식들을 입문자를 대상으로 눈높이를 낮춰 상세하게 설명한 기초 Vue.js 강의를 만나보세요. 1000명이 넘는 수강생이 선택한 캡틴판교님의 Vue.js 입문 강좌를 리뉴얼한 최신 강의입니다.

44,000

로드맵에 포함된 강의 썸네일
실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발
Vue.JS로 쇼핑몰 검색 페이지를 만들어 봅니다! 먼저 순수 자바스크립트로 MVC 디자인 패턴을 구현하고, Vue.JS로 MVVM 디자인 패턴을 개발하며 라이브러리의 장점에 대해 알아봅니다. 끝으로 컴포넌트를 공부하면서 UI를 모듈화하고 조립해 화면을 구성하는 방법을 알아보세요.

44,000

로드맵 코스 8