프론트엔드 개발 올인원 패키지 with React Online.

요즘 가장 핫한 프론트엔드 라이브러리 React로
프론트엔드 개발을 탄탄하게 잡아보세요.

프론트엔드 개발에 관심있는 사람이라면 누구나 공부할 수 있도록 도와드립니다.

학습량이 방대한 프론트엔드

내게 필요한 커리큘럼을 한 번에 모아서 공부할 수는 없을까?

프론트엔드 개발, React.js와 함께 시작하세요.

프론트엔드 개발자에게 필요한 러닝패스를 이 강의 하나로 끝낼 수 있습니다.

1. 웹페이지의 구조(뼈대)를 잡는 HTML

HTML(HyperText Markup Language)은 우리가 보고 있는 대부분의 웹페이지를 구성하는 골격이 됩니다. 텍스트, 이미지 등 웹페이지에 담길 정보를 표현할 때 사용 됩니다.

2. 웹페이지 골격에 장식을 더해주는 CSS

CSS(Cascading Style Sheets)는 HTML 문서를 꾸밀 때 사용 됩니다. 글자의 크기, 글자체, 줄간격, 배경색, 배열 등 문서의 스타일을 입힐 때 사용 됩니다.

3. CSS를 보다 효율적으로 사용할 수 있게 도와주는 SASS

SASS(Syntactically Awesome Style Sheets)는 CSS의 확장언어로 모든 CSS 버전과 호환됩니다. CSS를 보다 쉽고, 구조적이고,효율적으로 사용할 수 있도록 도와줍니다.

4. 동적인 부분을 제어할 수 있게 하는 JavaScript

JS(JavaScript)는 마우스를 클릭 하거나, 스크롤을 내릴 때와 같이 웹 화면 상에서 동적인 부분들을 구현하기 위해 활용되는 언어입니다. 보다 활기 있는 웹 페이지를 만들 수 있도록 도와줍니다.

5. 웹 사이트를 손 쉽게 만들게 하는 프론트엔드 프레임워크

BootStrap은 자주 사용되는 요소(아이콘, 입력폼, 버튼, 목록, 드롭다운)를 직접 코드로 작성하지 않아도 사용 가능하게 하여 빠르게 웹 페이지를 만들 수 있도록 하며, 반응형 웹페이지를 쉽게 만들 수 있게 도와 줍니다.

6. 안전성과 확장성에 강한 TypeScript

TS(TypeScript)는 자바스크립트의 단점을 보완한 프로그래밍 언어입니다. 개발 시, 변수나 함수에 대한 명확한 타입을 규정할 수 있는 특징이 있고, 대규모 어플리케이션 개발이 필요한 경우 추천됩니다.

7. 코드의 저장과 협업을 위한 Git/GitHub

Git은 개발 과정에서의 변경 사항을 관리해 소스코드 관리에 도움을 주며 Github은 Git의 웹 호스팅 사이트 중 가장 인기 있는 플랫폼 입니다.이를 통해 프로젝트를 관리할 수 있고, 코드를 공유할 수도 있습니다. .

8. 글로벌 기업에서 사용 중인 React

React는 페이스북이 만든 자바스크립트 라이브러리 입니다. 이미 Facebook, Instagram, Airbnb, Dropbox 등 세계적인 기업에서 React를 선택 했고, 앞으로도 점유율이 더 높아질 것으로 기대됩니다.

9. 효과적인 React 활용을 위해 꼭 필요한 Webpack

Webpack은 현재 React 라이브러리에 내장 되어 필수적으로 사용 되고 있는 도구 입니다. 많은 자바스크립트 코드를 모듈로 관리하는 Webpack의 작동원리를 익힘으로써 보다 심도 있는 개발 학습을 할 수 있습니다.

10. 사용자 경험까지 개선하고 싶은 개발자를 위한 UX

UX(사용자 경험)는 사용자와 가장 맞닿은 UI를 코드로 구현하는 프론트엔드 개발자가 무시할 수 없는 부분입니다. 단지 정보를 보여주는 것에 그치지 않고 더 나은 개발에 대한 고민을 하는 과정엔 UX가 있습니다.

이 모든 내용을 '올인원 패키지'로 한 번에 담았습니다.
단 한 번의 구매로 이 모든 강의 클립을 온라인으로 평생 소장하세요.

상세 커리큘럼 다운로드

프론트엔드 개발 공부, 왜 이 강의로 시작해야 할까요?

프론트엔드 개발 입문자부터 실무자까지 완벽한 가이드를 잡아드립니다.

LEVEL 01

무한 반복학습을 통한 기초 체력 길러 프론트엔드 공부가 처음인 완전 Begineer도 어렵지 않게!

드넓은 프론트엔드의 세계에서 무엇을 어떻게 공부해야할지 가이드를 짚어드립니다. 강의만 그대로 따라오세요! 다른 교재 찾아볼 필요 없이 기초를 탄탄히 잡을 수 있습니다.

LEVEL 02

프론트엔드 개발의 핵심인 자바스크립트는 이번 강의로 완전정복!

HTML/CSS와는 완전히 딴 세상 같은 JavaScript, 프론트엔드 개발의 시작입니다. JavaScript를 제대로 잡고, 프론트엔드 개발자로 첫 발을 내딛을 수 있게 도와드립니다.

LEVEL 03

프론트엔드 라이브러리 뭘 배울까 고민이라면 React 라이브러리 학습이 처음인 당신에게 딱 맞는 React 전문가

요즘 프론트엔드 개발자들은 다 배우고 싶어한다는 프론트엔드 라이브러리, React.js! 실무 프로젝트 경험이 많고 React 분야의 전문가 Velopert에게 쉽고 빠르게 배워보세요.

LEVEL 04

9가지 주제 300여개 강의클립으로 폭넓게 공부하고 개발 실무에서 React 라이브러리를 효과적으로 쓸 수 있다!

컴포넌트 기반으로 효율성은 높지만 자유도가 높아 활용이 어려운 React. 실무에서 활용 가능한 수준까지 깊이 있게 배우고, 실제 웹 서비스 구현에 활용해보세요.

프론트엔드 개발 시작하기 with React.js

입문자에게는 학습의 가이드를, 실무자에게는 React의 올바른 활용법을 알려드립니다.

비전공자 출신 개발자의 HTML/CSS 강의
입문자들이 느끼는 어려움을 함께 이해해주는 강사님

HTML/CSS, SASS(SCSS) 파트를 담당하는 박영웅 강사님은 비전공자 출신 프론트엔드 개발자로 입문자가 HTML/CSS 수업에서 경험하는 어려움을 명확하게 이해하고 계십니다. 단순히 웹페이지를 따라 만들기에 급급한 타 HTML/CSS 강의와는 다르게, 수강생 본인의 상황과 필요에 맞게 코드를 쓸 수 있도록 응용력을 길러줍니다.

9가지 주제 300여개 강의클립
프론트엔드 개발의 폭넓은 내용을 담은 로드맵 커리큘럼

[프론트엔드 개발 시작하기 with React.js]는 프론트엔드의 기본이 되는 HTML/CSS, JavaScript는 물론이고, 프론트엔드 개발 실무에 필요한 SASS, Git/Github, TypeScript, 효과적인 프론트엔드 개발을 도와주는 라이브러리 React의 실무 활용법까지 가르쳐드립니다. 파편화된 개별 강의들을 찾아 들을 필요 없이, 올인원 패키지 하나면 프론트엔드의 기초부터 실전까지 모두 마스터할 수 있습니다.

업계 React 전문가에게 배운다!
Velopert의 2019년판 React 온라인 직강

프론트엔드를 어느 정도 공부해본 사람들 중에 Velopert의 블로그를 보지 않은 사람은 아마 없을 것입니다. React 강의로 많은 수강생들에게 러브콜을 받아온 Velopert(김민준 강사님)의 수업을 2019년 최신판으로 패스트캠퍼스에서 만나보실 수 있습니다.

실무활용 100% 수업
프론트엔드 개발 실무에 초점을 맞춘 React 수업

전 세계 점유율 1위의 프론트엔드 라이브러리 React는 프론트엔드 실무를 더욱 효과적으로 할 수 있게 하는 도구이지만, 동시에 다른 프레임워크에 비해 자유도가 높아 입문자들이 많이 어려워합니다. 이 수업에서는 실무에서 React를 가장 잘 활용할 수 있는 노하우를 아낌없이 전해드립니다.

누가 들으면 좋을까요?

프론트엔드 입문자부터 이미 React.js를 공부해본 분까지 누구나 들을 수 있습니다.

HTML/CSS를 시작으로 프론트엔드에 입문하고 싶은 초보자

프론트엔드를 공부하여 보다 효과적인 웹 디자인을 하고 싶은 디자이너

확장성 있고 유지보수에 좋은 코드를 작성하고 싶은 웹 퍼블리셔

JacaScript를 혼자 공부하면서 어려움을 느끼고 있는 입문자

jQuery에서 벗어나 React 라이브러리를 배워 효율성을 높이고 싶은 초보 개발자

React는 배워보았지만 실무에 아직 활용해 본 적이 없는 현업 개발자

현직 프론트엔드 개발자에게 받는 온라인 과외

체계적인 프론트엔드 학습을 도와줄 강사님을 소개합니다.

박영웅 강사님

HTML & CSS, SASS(SCSS) Part.

現 질링스 개발팀 프론트엔드 리더
Web Front-end Developer 기술 블로그 ‘heropy.blog’ 운영

[주요 경력 사항]
전 빈스토크 개발팀 과장
투비컴원 디자인팀 팀장

[주요 강의 이력]
비영리단체 ‘코딩 배우는 디자이너’ 운영
창조경제혁신센터 UI/UX 디자인 멘토
이외 다수의 웹 개발 오프라인 강의 진행

진유림 강사님

Git & Github Part.

現 ZEPL, Software Engineer

[주요 경력 사항]
SMARTSTUDY/Artistic Software Engineer
레진엔터테인먼트/Software Engineer

해리 강사님

TypeScript Part.

現 카카오계열사, 소프트웨어 엔지니어

[주요 경력 사항]
실리콘벨리 스타트업 B사, 소프트웨어 엔지니어
전 국내 Top 통신사, 플랫폼 엔지니어
다수의 프론트앤드 서적 집필

김민준(Velopert) 강사님

JavaScript, React Part.

現 Laftel Inc, Frontend Engineer
https://velopert.com 블로그 운영중

[주요 강의 이력]
오프라인 React 코드랩 세미나 : Webframeworks.kr(2016)

(자동) (자동) (자동)

정가 ~~(자동)~~

현재 판매가 (자동)

12개월 무이자 할부 시 (자동)

일주일 한정 즉시할인가로 결제

첫 강은 무료 공개!

강의 내용을 미리 만나보세요.

원하는 만큼 얻어가세요!

프론트엔드 실무에 활용 가능한 수준까지 학습하실 수 있습니다.

HTML/CSS

주요 스킬셋
- 웹 페이지를 구조적으로 이해하여 퍼블리싱 할 수 있습니다.
- 의미론적 마크업을 토대로 컴퓨터에게도 잘 읽히는 웹 페이지를 구성할 수 있습니다.
- 이해를 위한 실습과 동시에 실제 웹페이지를 똑같이 만들어보는 실습으로 실무를 이해할 수 있습니다.

SASS(SCSS)

주요 스킬셋
- 복잡하고 고도화된 웹페이지를 스타일링할 때, CSS만으로 했을 때 불편했던 점들을 개선할 수 있습니다.
- CSS와 비슷한 문법 스타일로 스타일링을 Awesome 하게 할 수 있습니다.
- 반복적인 코드를 줄이고, 박복적인 작업을 줄여 생산성을 높일 수 있습니다.

BOOTSTRAP

주요 스킬셋
-디바이스(데스크탑,모바일 등)크기에 맞추어 변하는 반응형 페이지를 만들 수 있습니다.
-잘 구현된 컴포넌트 사용으로 쉽고, 빠르게 웹 페이지를 구현할 수 있습니다.
-다양한 브라우저(Chrome, Safari 등)에 각각 대응하면서 오는 스트레스를 줄일 수 있습니다.

JAVASCRIPT

주요 스킬셋
- 웹 사용자와 상호 작용(Interective)할 수 있는 웹 페이지를 만들 수 있습니다.
- 정적인 웹 페이지에 활기를 넣어 동적인 웹 페이지를 만들 수 있습니다.
- 웹 프레임워크와 라이브러리(Vue, React 등) 사용을 위한 기본을 익힐 수 있습니다.

TYPESCRIPT

주요 스킬셋
- JavaScript 디버깅으로 인해 소요되는 시간을 줄일 수 있습니다.
- 복잡하고 큰 웹 페이지를 구현할 때 도움이 됩니다.
- 코드의 안정성과 확장성을 고려하여 개발할 수 있습니다.

GIT/GITHUB

주요 스킬셋
- 버전관리 도구 Git을 통해 협업을 보다 간편하게 할 수 있습니다.
- Github 웹 서비스로 Git을 보다 효율적으로 사용할 수 있습니다.

REACT

주요 스킬셋
- 라이브러리를 익힘으로서 데이터가 수시로 업데이트 되는 서비스 구축에 자신감을 가질 수 있습니다.
- React를 처음 도입 할 때, 겪을 수 있는 시행착오를 줄이고 보다 밀도 있게 React 실무 사용 감각을 익힐 수 있습니다.
- 자유도가 높아 명확한 가이드가 없는 React 활용에 있어 강사의 프로젝트 설계 노하우를 얻을 수 있습니다.

WEBPACK

주요 스킬셋
- 최신 프론트엔드 프레임워크에 내장된 기술을 이해할 수 있습니다.
- 눈에 보이지 않는 작동원리를 이해하면서 프로그래밍 학습을 보다 깊이 있게 할 수 있습니다.

UX

주요 스킬셋
- 기능을 구현하는 것에 그치지 않고, 사용자 경험을 조금씩 개선해보는 경험을 함께 해볼 수 있습니다.
- 좋은 개발, 더 나은 개발에 대한 수많은 고민과 학습 속에서 프론트엔드 UX 개선 경험을 해봅니다.

이 모든 내용을 '올인원 패키지'로 한 번에 담았습니다.

단 한 번의 구매로 이 모든 강의 클립을 온라인으로 평생 소장하세요.

상세 커리큘럼 다운로드

(자동) (자동) (자동)

정가 ~~(자동)~~

현재 판매가 (자동)

12개월 무이자 할부 시 (자동)

일주일 한정 즉시할인가로 결제

프론트엔드 올인원 패키지의 압도적인 가성비

프로그래밍 실무교육 1위 프론트엔드 올인원 패키지 입니다.

결제 후 바로 수강! 어디서나 하루 10분 공부 시작.

온라인 학습의 장점을 살려 이렇게 공부해보세요.

걸음마부터.
프로그래밍이 처음인 분들도 HTML 태그부터 단계별로 학습하여 원하는 수준까지 도달할 수 있도록 체계적으로 짜여진 커리큘럼입니다.

나만의 속도로.
낮이나 새벽이나 내가 원하는 시간대에 나의 스케쥴대로 수강하세요.
다른 사람의 속도에 맞출 필요 없이 눈높이에 맞게 학습 진도를 계획하세요.

원하는 곳 어디서나.
시간을 쪼개 먼 거리를 오가며 오프라인 강의자을 찾을 필요가 없습니다.
내가 마음먹은 곳 어디든 나만의 강의장이 되니까요.

실무 활용도 100%
시각적으로 화면을 구현하는 것에만 치중하지 않고, 확장성 있는 코드를 설계할 수 있는 수준까지 만들어주는 실무 중심 강의입니다.

무제한 복습.
무엇이든 반복적으로 학습해야 내 것이 됩니다.
이해가 안 가는 구간도 몇번이고 재생하여 꼼꼼히 익힐 수 있어요.

믿고 배울 수 있는 패스트캠퍼스!

여러분의 실무 스킬 성장을 책임집니다.

실무 교육 분야를 선도하다.
패스트캠퍼스는 2014년부터 현재까지 실무에 꼭 필요한 내용만 강의하고 있습니다.

오프라인의 노하우를 온라인으로 담았다.
오프라인 강의로 쌓은 모든 노하우를 담아서 2018년에 첫 온라인 강의를 만들었습니다.

많은 분들과 성장한 온라인 강의.
예비 직장인부터 단체 수강까지 많은 분들이 자신의 성장을 위해 투자하고 있습니다.

최신 트렌드를 반영한 올인원 패키지.
입문자부터 실무에 필요한 스킬셋까지 꼼꼼하게 채워줄 수 있도록 현직자들의 실무 노하우를 온라인으로 담았습니다.
다양한 강의를 통해 내 실력을 쌓아보세요.

이런 강의는 어떠세요?

인생을 바꾸는 교육, 패스트캠퍼스

Life Changing Education, FAST CAMPUS

[ 주의사항 및 환불규정 ]

* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
* 수강 신청 및 결제를 완료하시면, 마이페이지를 통해 바로 수강이 가능합니다. (단, 사전 예약 판매의 경우, 1차 오픈시 개별적으로 수강 안내를 드립니다.)

- 총 학습 기간
정상 수강기간(유료 수강기간) 최초 3개월(90일), 무료 수강 기간은 91일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
본 패키지는 약 92시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.

– 수강시작일 : 수강 시작일은 결제일로부터 기간이 산정됩니다.
패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는 해당 일정 만큼 수강 시작일이 연기됩니다.
* 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
- 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인이벤트 적용 불가 합니다.
- 콘텐츠는 향후 당사의 일정에 따라 추가 또는 업데이트 될 수 있습니다.
– 쿠폰 적용이나 프로모션 등으로 인해 5만원 이하의 금액으로 강의를 결제할 경우, 할부가 적용되지 않습니다.

– 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 수강시작 후 7일 미만, 5강 미만 수강 시에는 100% 환불 가능합니다.
– 수강시작 후 7일 이상, 5강 이상 수강 시 수강기간인 3개월 (90일) 대비 잔여일에 대해 학원법 환불규정에 따라 환불 가능합니다.
: 환불요청일시 기준 수강시작 후 정상(유료) 수강기간의 1/3 경과 전, 실 결제금액의 2/3에 해당하는 금액을 환불
: 환불요청일시 기준 수강시작 후 정상(유료) 수강기간의 1/2 경과 전, 실 결제금액의 1/2에 해당하는 금액을 환불
: 환불요청일시 기준 수강시작 후 정상(유료) 수강기간의 1/2 경과 후, 환불금액 없음

패스트캠퍼스 아이디 공유 금지 정책 안내

아이디 공유란?
1개의 아이디로 여러명이 공유하여 수강하는 형태를 말합니다.
패스트캠퍼스의 모든 온라인 강의에서는 아이디 공유를 금지하고 있습니다.
동시접속에 대한 기록이 내부 시스템을 통해 자동으로 누적되며, 동시 접속 기록이 10회 이상 확인되는 경우 사전 안내없이 아이디가 차단될 수 있습니다.