로드맵 코스
코알못도 시작하는
프론트엔드!
프론트엔드(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는 기존 Angular와 React에 비해 학습이 쉬우며 성능 또한 빠르고 우수합니다. 관련 커뮤니티도 활발한데다, 한글 문서를 공식 제공해 진입장벽이 낮기 때문에 쉽게 익힐 수 있어요.
# 이름값을 제대로
‘뷰’라는 이름처럼, Vue.js는 뷰 모델을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다. 개발자와 적극 협업하고 싶지만 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔가 특히 활용하기 좋은 이유죠.
‘뷰’라는 이름처럼, Vue.js는 뷰 모델을 통해 화면상의 내용과 모델의 데이터를 양방향으로 연결하는 데 효과적입니다. 개발자와 적극 협업하고 싶지만 프레임워크가 낯선 디자이너나, 프론트엔드 개발자로 전향을 희망하는 퍼블리셔가 특히 활용하기 좋은 이유죠.
이런 분들께 추천드려요!
코알못
코딩의 코자도 모르는 비전공자, 비개발자
작심삼일
프로그래밍 공부 맘만 먹고 시작도 못 한 분
포폴도 면접도 시급해
프론트엔드 개발자 취업 희망 대학생, 입문자
개자이너?
웹디자인과 개발 모두 잡고픈 디자이너
로드맵 상세보기
총 8개 코스
인프런
코어 자바스크립트자바스크립트를 사용하지만 정확히 뭐가 뭔지 모르고 쓰는 분들을 위해 핵심을 정리한 축복 같은 강의입니다. 길을 잃은 내 JS 공부를 도와줄 강의를 들어보세요!
₩16,500
₩22,000
프론트엔드 개발에 있어 필요한 지식들을 입문자를 대상으로 눈높이를 낮춰 상세하게 설명한 기초 Vue.js 강의를 만나보세요. 1000명이 넘는 수강생이 선택한 캡틴판교님의 Vue.js 입문 강좌를 리뉴얼한 최신 강의입니다.
₩33,000
₩44,000
Vue.JS로 쇼핑몰 검색 페이지를 만들어 봅니다! 먼저 순수 자바스크립트로 MVC 디자인 패턴을 구현하고, Vue.JS로 MVVM 디자인 패턴을 개발하며 라이브러리의 장점에 대해 알아봅니다. 끝으로 컴포넌트를 공부하면서 UI를 모듈화하고 조립해 화면을 구성하는 방법을 알아보세요.
₩33,000
₩44,000
Vue.js의 기본을 알았다면 ES6와 Vuex의 주요 기술 요소를 학습해 봅시다. 강의를 듣고 나면 Todo App을 구현해 보며 배운 내용들을 직접 코딩해볼 수 있게 돼요.
₩41,250
₩55,000
잘 하는 Vue.js 개발자들은 어떻게 코드를 작성할까요? 실제 Vue.js 창시자인 에반 유(Evan You)와 Vue 코어 팀에게 전수받은 지식을 녹여낸 Vue.js 실전 강의입니다.
₩57,750
₩77,000