border1px solid #010d3a;

D-
,
5/26(일) 밤 12시에 가격이 인상됩니다. 지금 신청 GO!

누적 수강생 11만명 돌파 기념! 일주일 한정 1+1 이벤트 혜택을 놓치지 마세요.
banner

할인 마감까지 남은 시간!!!

이 가격은 다시 돌아오지 않습니다.
런칭 기념, 최저가를 놓치지 마세요!
5월 26일 일요일 자정 가격이 인상됩니다.

정가 : 389,000원
사전 판매가 : 102,000원

월 8,500원 / 무이자 12개월 할부 시

프론트엔드 학습을 위한 러닝패스, 이거 하나로 끝낼 수 있습니다.

입문자를 위한 HTML/CSS부터 실무자를 위한 React.js까지 단계별 학습으로 프론트엔드를 마스터하세요.

사용자와 직접 맞닿아 있는 프론트엔드

프론트엔드와 백엔드는 어떻게 다를까요?

웹 서비스 개발은 위와 같이 크게 2개의 영역으로 나뉩니다. 사용자에게 직접적으로 보이는 화면을 구성하는 프론트엔드(Front-End) 파트, 사용자에게 보이지 않는 기능과 데이터를 관리하는 백엔드(Back-End) 파트입니다.

코드가 바로 시각적으로 구현되는 걸 확인할 수 있는 프론트엔드는 쉽고 재미있게 프로그래밍을 입문하는 데 좋습니다.

급격하게 성장하는 프론트엔드 분야

프론트엔드 관련 기술과 직무의 중요성은 매년 높아집니다.

프론트엔드 관련 직무에 대한 수요 증가

사용자 경험(UX) 및 인터페이스(UI)의 중요성이 점차 높아지면서, 사용자에게 보여지는 화면을 구현하는 프론트엔드에 대한 관심과 수요는 매년 높아지고 있습니다.

비개발 직군의 프론트엔드 개발 학습

때문에 웹 페이지 상에서 사용자와 가장 많은 접점을 담당하게 되는 웹 디자이너나 서비스 기획자 등 비개발 직군에서도 프론트엔드 개발에 대한 이해가 요구됩니다.

새로운 기술이 계속해서 등장하는 프론트엔드 분야

불과 몇 년전부터 급격히 성장하고 있는 프론트엔드 분야는 빠른 성장 속도와 더불어, 효과적인 프론트엔드 개발을 위한 신기술이 계속해서 쏟아지고 있습니다. 그래서 최신 기술을 이해하고 효과적으로 활용할 줄 아는 프론트엔드 전문 인력을 많은 기업에서 찾습니다.

하지만 우리가 실제로 하는 고민은 이렇습니다.

배워야 할 건 많고, 방향성을 찾기는 힘듭니다.

“프론트엔드 강의는 이렇게 많은데 뭐부터 공부해야 할까?”

“트렌드는 빠르게 변화하는데, 이걸 배우면 나중에 쓸모가 있을까?”

“수업 몇 번만 들으면 웹페이지 제작할 수 있다는데 진짜일까?…”

원하는 만큼 실력을 기르기 어려운 현실

실전 활용까지 나아갈 수 있는 수업은 많지 않습니다.

여러분의 학습 고민, 이렇게 해결합니다.

막막한 프론트엔드 학습의 방향성을 잡아드립니다.

프론트엔드 학습의 A to Z
올인원 패키지로 한 번에 해결하세요.

  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)는 JavaScript와 문법적 차이가 크진 않지만, JavaScript보다 더 명확한 언어입니다. 명료성으로 인해 오류를 보다 쉽게 확인할 수 있는 장점이 있습니다.

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

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

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

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

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

단 한 번의 구매로 이 모든 강의 클립을 평생 소장하세요. 세부 커리큘럼은 추후 공개됩니다.

가격 안내

사전 예약 판매는 5월 26일 일요일 자정 마감됩니다.

정가 389,000원
예약 구매시 102,000원
월 8,500원/ 무이자 12개월 할부 시

프론트엔드 학습의 로드맵

학습 수준과 나의 필요에 맞춰 체계적으로 학습해보세요.

Artboard 12

단계별 학습을 거쳐 React로 프론트엔드를 정복하세요.

입문자 레벨부터 가장 수요가 많은 프론트엔드 라이브러리 React.js까지 하나로 담았습니다.

Artboard 13

상세한 커리큘럼을 확인해보세요.

9가지 주제 300여개 강의클립으로 체계적인 학습이 가능합니다.

PART 1. HTML

HTML 문법 패턴 / HTML 문서의 범위 / HTML 문서의 정보 / HTML 문서의 구조 / 블록(Block) 요소 / 인라인(Inline) 요소 / CSS Display / 의미론적 문서 구조 / 전역 속성(Global Attributes) / HTML 특수기호(Entities) / 경로

PART 2. CSS

CSS 문법 패턴 / CSS 선언 방식 / 선택자 / 속성 / 스타일초기화(Reset) / 인라인 / 내장 / HTML 외부에서 불러오기 / 병렬 / 직렬 / 기본 선택자 / 복합선택자 / 가상 클래스 선택자 / 가상 요소 선택자 / 속성 선택자 / 상속 / 우선순위 / 색상 / 박스모델 / 글자/ 배경 / At-rules / 애니메이션 / 전환 / 변환 / 플렉스 / 다단 / 그리드 / 반응형 / 플렉스

PART 3. SASS(SCSS)

CSS Preprocessor / SASS / 주석 / 컴파일 / 주석 / 데이터 종류 / 중첩 / 변수 / 가져오기 / 연산 / 재활용 / 확장 / 함수 / 조건과 반복 / 내장 함수 / 데이터

PART 4. BootStrap

설치 / 레이아웃 / 컴포넌트 / 실습 중십

PART 5. JavaScript

변수 / 상수 / 연산자 / 함수 / 객체 / 배열 / 조건문(if, switch, case) / 반복문(for of, for in) / 배열 내장함수(map, filter, find, findIndex, reduce) / 프로토타입 / 클래스 / 알면 유용한 JS 문법( ? : / ||, && / if 줄여쓰기 / IIFE / ES6 객체, 배열 분해 문법 등등) / 비동기 작업(Promise, async/await) / HTML 연동(카운터, 모달)

PART 6. React

컴포넌트 / 작업환경 / Props / State / 인풋 상태 관리 / 배열 다루기 / LifeCycle / 함수형 컴포넌트 / Ref / UI / 상태관리 / 컴포넌트최적화 / Immer / Styling / 외부API / HoC / Render Props / Compound Component / Context API / Hook or static contextType / Rounter / Redux / 미들웨어 / Mobx

PART 7. Git/Github

*추후 업데이트

PART 8. WebPack

*추후 업데이트

PART 9. 사용자 경험(UX) 개선

*추후 업데이트

수강 대상

입문자부터 현직 프론트엔드 개발자까지 필요한 내용을 폭넓게 수강할 수 있습니다.

Artboard 15
Artboard 16
Artboard 17
Artboard 18
Artboard 19
Artboard 20
Artboard 21
Artboard 22

강사진 소개

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

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 통신사, 플랫폼 엔지니어
다수의 프론트앤드 서적 집필

JavaScript, React Part.

김민준(Velopert) 강사님

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


 

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

가격 안내

사전 예약 판매는 5월 26일 일요일 자정 마감됩니다.

정가 389,000원
예약 구매시 102,000원
월 8,500원/ 무이자 12개월 할부 시

실무에서 이런 고민을 하고 있다면

프론트엔드 올인원 패키지로 해결하세요.

Artboard 23
Artboard 24
Artboard 25
Artboard 26

프론트엔드, 이렇게 공부하면 다릅니다.

올인원 패키지만의 장점을 살려 체계적으로 학습하세요.

수업이 끝나면 얻을 수 있는 것들

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

🗓 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 개선 경험을 해봅니다.

강의의 특장점

프론트엔드 실무에 필요한 내용을 꽉 채워넣은 프론트엔드 올인원 패키지

비전공자 출신 개발자의 HTML/CSS 강의

입문자의 어려움을 해소해주는 수업

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

9가지 주제 300여개 강의클립

프론트엔드 실무에 필요한
모든 내용을 담은 커리큘럼

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

React 전문가

Velopert의 2019년판
React 강의

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

실무활용 100% 수업

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

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

바쁜 당신을 위해 하루 10분, 어디서나!

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

강의 공개 일정

영상은 총 3차에 걸쳐 전체 업데이트 됩니다.

가격 안내

사전 예약 판매는 5월 26일 일요일 자정 마감됩니다.

정가 389,000원
예약 구매시 102,000원
월 8,500원/ 무이자 12개월 할부 시

[ 1+1 이벤트 주의사항 ]

- 코스별 1,111명 구매가 초과될 경우 조기마감될 수 있습니다.
- 7일 이내에 전액 환불 가능하며 구매 후 7일 초과시 환불이 불가능합니다.
- 시크릿 코드 삽입을 통해 구매하신 1개 강의는 24시간 이내에 온라인 강의 수강이 가능하도록 설정해드립니다.
- 추가로 증정되는 +1 강의는 이벤트 종료 후 5월 27일(월)에 신청 및 결제해주신 이메일과 문자로 +1 강의를 선택하는 설문을 통해 선택 및 수강 가능하며 5월 30일(목) 까지 순차적으로 온라인 수강 계정에 추가해드립니다.
- 추가 증정 강의 선택에 대한 이메일 / 문자 발송을 위해 수강 신청시 메일 주소와 연락처를 정확하게 입력해주시기 바라며, 메일과 연락처를 잘못 기입 하신 경우 혜택 제공이 지연 또는 불가능 합니다.
– 본 1+1 이벤트는 온라인 강의에 한정하며 외국어 교육, 스쿨(SCHOOL), 캠프(CAMP) 등의 오프라인 과정에는 해당하지 않습니다.
- 선택한 +1 강의를 추후 변경할 수 없으니 신중하게 선택하시기 바랍니다.
- 1+1 강의 수강 권한을 타인과 공유, 판매 또는 양도할 수 없습니다.
- 5월 30일(목)까지 추가 증정 강의 설문에 미응답시 증정 강의 혜택이 취소됩니다.

- 시크릿코드를 미입력하여 결제시에 위 혜택 제공이 불가능 합니다.
– 본 이벤트는 다른 할인 및 쿠폰과 중복 적용 불가능 합니다.
[ 주의사항 및 환불규정 ]
* 상황에 따라 사전 공지 없이 할인이 조기 마감되거나 연장될 수 있습니다.
* 수강 신청 및 결제 완료를 하신 분들께는 결제 후 5월 20일 1차 강의 영상이 오픈된 후, 수강 권한을 부여해드립니다. 이용방법 또한 결제 후 기재하신 이메일 주소로 결제 후 24시간 이내에 일괄 안내됩니다. 연락처와 이메일을 정확하게 기입 부탁드립니다.

본 패키지는 예약 판매 중인 상품으로 2019년 5월 20일에 1차 영상이 공개될 예정이며, 6월 17일에 2차 영상, 7월 22일에 3차 영상이 순차적으로 공개됩니다.
– 총 학습기간
정상 수강기간(유료 수강기간) 최초 30일, 무료수강기간은 31일차 이후로 무제한이며, 수강기간과 무료수강기간 모두 동일하게 시청 가능합니다.
본 패키지는 약 20시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상수강기간(=유료수강기간) 내에 모두 수강이 가능합니다.
– 수강시작일 : 수강 시작일은 패스트캠퍼스가 수강안내를 한 날짜부터 기간이 산정됩니다. 패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는 해당 일정 만큼 수강 시작일이 연기됩니다.
* 천재지변, 폐업 등 서비스 중단이 불가피한 상황에는 서비스가 종료될 수 있습니다.
- 본 상품은 기수강생 할인, VIP CLUB 제도 (구 프리미엄 멤버십), 기타 할인이벤트 적용 불가 합니다.
- 콘텐츠는 향후 당사의 일정에 따라 추가 또는 업데이트 될 수 있습니다.

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

 

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

아이디 공유란? 1개의 아이디로 여러명이 공유하여 수강하는 형태를 말합니다.

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