REACTVUE

  • 평생소장
  • 최저가

한번 구매로, 평생 소장하세요.
(자동 구성) 가격이 인상됩니다.

조만간 가격이 인상될 예정입니다.
지금 구매하세요!

  • 정상가 (자동 구성)
  • 할인 금액 (자동 구성)
  • 최종 금액 (자동 구성)
  • 5개월 할부 시 (자동 구성)
오늘이 최저가!

런칭 기념 최저가 혜택이 곧 마감됩니다.

프론트 엔드 강의

(본 강의는 사전지식 없이도 수강할 수 있습니다)

프론트 엔드 강의
초격차 구성 1

20가지 이상의 최신 스택 커버

귀찮게 다른 책이나 강의 찾아 보지 마세요!
프론트엔드 개발자에게 필요한 것만 모두 갖춘 완성형 프론트 엔드 강의 커리큘럼입니다

프론트 엔드 강의
초격차 구성 2

다른 책이나 프론트 엔드 강의와는 비교할 수 없는 가성비

시수는 최대 30배까지 늘어났지만
수강료는 4분의 1만 받겠습니다

프론트 엔드 강의
프론트 엔드 강의
초격차 구성 3

고퀄리티 프로젝트 실습 제공

그냥 무작정 따라하는 클론코딩 위주의 프론트 엔드 강의가 아닙니다
실제 시장에서 서비스화 가능한 수준까지 만들어 보세요!

🔍 이런 기술을 직접 써볼 거예요!
#HTML #CSS #JavaScript #GitHub #버전관리

✔ 애니메이션 효과가 모두 적용된 실제 스타벅스 페이지를 똑같이 만들어요!
✔ 스타벅스 홈페이지를 클론한 프로젝트를 GitHub에 올리고, 브랜치를 생성합니다.
✔ 클론 프로젝트에 연결할 로그인 페이지를 개발하며 ‘버전 관리’에 대해 배웁니다.

🔍 이런 기술을 직접 써볼 거예요!
#Vue #Netlify #Jest #Cypress #Nuxt.js #Heroku

✔ 영화 검색 API를 연동하고, Vue.js 프레임워크를 활용하여 검색페이지, 카드형 영화 목록 페이지, 영화별 상세페이지 등을 직접 구현해요!
✔ Netlify를 활용하여 직접 배포하고, Jest와 Cypress를 활용해 Test를 적용합니다.
✔ 영화 검색 사이트를 Nuxt.js로 마이그레이션, heroku로 배포하는 것까지 경험합니다.

🔍 이런 기술을 직접 써볼 거예요!
#React #TypeScript #Vercel

✔ 내가 읽은 책을 저장하고 기록을 남길 수 있는 온라인 책장을 만들어 봅니다.
✔ TypeScript와 React를 활용하여 로그인 API를 연동합니다.
✔ 내가 읽은 책 추가, 삭제 및 수정할 수 있는 기능을 구현하고 vercel을 통해 배포합니다.

🔍 이런 기술을 직접 써볼 거예요!
#React #Redux #Jest #AWS S3 #Node.js #Express.js #GraphQL #NginX

✔ 상품 목록을 생성하고, 상품을 추가 및 수정하며, 장바구니 기능 등이 탐재된 실제 상용화 가능한 쇼핑몰 사이트를 만들어요!
✔ Serve 패키지, AWS S3, Node.js express, NginX 를 각각 활용하여 4가지 방식으로 서비스를 배포해 봅니다.
✔ GraphQL을 활용하여 쇼핑몰 데이터를 옮기고 프로젝트의 서버를 변경합니다.

누구나 수업을 통해
이런 결과물을 직접 완성할 수 있어요!

Main project 1. 스타벅스 홈페이지 클론코딩
Main project 2. 영화 정보 검색용 웹사이트 만들기
Main project 3. 나의 독서를 기록하는 책장 사이트 만들기
Main project 4. 상품 판매 가능한 쇼핑몰 사이트 만들기
Mini project 1. 정적 블로그 만들기

여기서 끝이냐고요…?
요즘 가장 트렌디한 기술까지 미니 프로젝트로 챙겨가세요!

Mini project 1 | Next.js를 활용하여 정적 블로그 만들기

React의 서버사이드 렌더링 프레임워크인 Next.js를 활용하여 정적 블로그를 만들어보고, 간단하게 배포까지 실습해봅니다.

Mini project 2 | API 연동을 활용한 Svelte 미니프로젝트

새롭게 등장한 프론트엔드 프레임워크인 Svelte의 기본적인 기능들을 익힐 수 있도록 API 연동을 활용한 미니 프로젝트를 진행해봅니다.

실제 서비스로 상용화 할 수 있을 만큼
수준 높은 프로젝트를 초격차 패키지 안에서 모두 만나보세요!

초격차 구성 4

프로젝트별 각기 다른 배포 방식까지 학습

초격차 패키지에서는 서비스 배포 방식도 1가지가 아닙니다!
Heroku, AWS S3, Netlify, NginX를 활용한 배포를 모두 경험해보세요!

프론트 엔드 강의
초격차 구성 5

내 수준과 학습 목적이 무엇이든 OK!

나의 학습 레벨과 목적에 맞게
백과사전처럼 필요한 부분만 골라 나만의 로드맵을 만들 수 있어요!

프론트 엔드 강의
(자동) (자동) (자동)
정가 (자동)
현재 판매가 (자동)
12개월 무이자 할부 시 (자동)

프론트 엔드 강의 목표.

HTML, CSS, JavaScript, React, Vue와 같은 프론트엔드 개발 핵심 기술을 배우고, 프로젝트에 적용합니다.

CSS 프레임워크, 테스트 라이브러리, 데이터베이스 관련 기술 등 프론트엔드 실무를 효율적으로 만들어주는 기술을 학습합니다.

다양한 프레임워크와 서비스 배포 방식을 익혀, 내 업무나 개인 프로젝트에 맞는 기술을 활용할 수 있도록 성장합니다.

책에 나오는 예제를 따라하는 수준이 아닌, 실제 서비스화 가능한 수준까지 프로젝트를 고도화하여 완성합니다.

추천 대상.

• 프론트엔드 개발에 입문하거나 공부하는 사람이라면 누구나
• 취업이나 이직을 위해 필요한 프론트엔드 최신 기술을 다루고 직접 프로젝트를 통해 적용해보고 싶은 사람
• 방대한 프론트엔드 개발의 학습량을 로드맵에 맞춰 단계별로 정복해나가고 싶은 사람

패스트캠퍼스
프론트 엔드 강의만의 장점.

압도적인 커리큘럼

프론트엔드의 기초가 되는 HTML/CSS부터, 트렌디한 기술을 활용한 프로젝트까지 100시간.

압도적인 가성비

100시간 분량의 방대한 강의를 파트별로 제한 없이 듣는데, 수강료는 10만원 대.

실제 상용화 가능한 프로젝트

클론코딩 프로젝트 실습부터 실제 서비스화 가능한 수준의 고퀄리티 프로젝트를 직접 완성.

최신 스택 20가지 이상 학습

프론트엔드 개발자에게 필요한 스택을 빠짐 없이 다루고, 다양한 플랫폼을 통한 서비스 배포 방식까지 마스터.


강사님 소개.

프론트엔드 개발 리드 박영웅
현) 질링스 개발팀 프론트엔드 리더
Web Front-end Developer 기술 블로그 ‘heropy.blog’ 운영
전) 빈스토크 개발팀 과장
전) 투비컴원 디자인팀 팀장

기타 활동
비영리단체 ‘코딩 배우는 디자이너’ 운영
창조경제혁신센터 UI/UX 디자인 멘토
이외 다수의 웹 개발 오프라인 강의 진행
프론트엔드 엔지니어 이웅재
현) Studio XID 프로토파이 개발
전) VTouch 수석 엔지니어

기타 활동
한국 타입스크립트 유저 그룹 오거나이저
Microsoft Most Valuable Professional
AWS Certified Developer
Youtube 채널 운영 중

상세 커리큘럼 보기.

아래의 모든 강의를 올인원 패키지 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 이 모든 프론트엔드 강의 클립을 평생 소장하세요!
* 패스트캠퍼스의 온라인 강의는 챕터별로 다른 운영체제 또는 프로그램을 사용할 수 있으며, 각 챕터별로 사용하는 프로그램을 기재하고 있습니다.
원활한 실습을 위해 참고 부탁드립니다.

Part 1. HTML/CSS/JS로 만드는 스타벅스 웹사이트
* Visual Studio Code를 통해 진행됩니다.

Part 2. Git을 활용한 버전관리
* Git 설치와 Github 회원가입이 필요합니다.

Part 3. JavaScript Essentials
* Node.js / Node version manager(NVM)를 설치하여 진행됩니다.
Node.js는 LTS버전(짝수) 버전의 신뢰도가 높으므로 가급적 짝수버전 설치를 권장드리며, NVM은 12.21.0 버전을 권장드립니다. (프로젝트에 따라 달라질 수 있습니다.

Part 4. JavaScript Level up
* Part 3과 동일 프로그램을 사용합니다.

Part 5. TypeScript Essentials
* Typed JavaSciprt를 통해 진행됩니다.

Part 6. SCSS

Part 7. CSS 프레임워크 BootStrap
* BootStrap을 설치하여 진행됩니다.

Part 8. Bundler

Part 9. Vue.js
* Vue.js를 설치하여 진행됩니다.

Part 10. React로 쇼핑몰 만들기 (React 기본)

Part 11. Redux로 상태관리하기

Part 12. React로 나의 책장 만들기 (TypeScript)
* Mybooks를 활용하여 진행됩니다.

Part 13. mobX로 상태관리하기

Part 14. GraphQL 맛보기 (Server 만들기)
* GraphQL을 활용하여 진행됩니다.

Part 15. Next.js로 블로그 만들기

Part 16. Svelte 맛보기

  • 프론트엔드 초격차 강의 상세 커리큘럼.

    자세한 커리큘럼 및 내용은 여기서 확인하세요!

프론트엔드 개발 공부도
전문 교육 기관 패스트캠퍼스에서!


구매 안내.

결제 후, 언제 어디서나 하루 10분 공부 시작.

• 홈페이지 회원가입 및 로그인
• 원하는 강의 결제하기
• 마이페이지에서 강의 시청하기


하루 10분으로
프론트엔드 완전 정복.

최소 20가지의 프론트엔드 최신 스택 학습.
입문자부터, 실무를 하고 있는 주니어 개발자까지 누구나 학습 수준과 필요에 맞게 공부할 수 있는 프론트 엔드 강의입니다.

실제 서비스 가능한 수준의 프로젝트 실습.
단순한 클론코딩에 그치는 프론트 엔드 강의가 아닙니다. 상용화 가능한 수준으로 고도화된 프로젝트를 가져갈 수 있습니다.

원하는 장소와 시간에 맞춰 듣는 프론트 엔드 강의.
내가 마음먹은 곳 어디든 나만의 강의장이 됩니다.

100시간 분량의 방대한 강의를 무제한 반복 학습 & 평생 소장.
이해가 잘 되지 않는 내용도 몇 번이고 반복 재생하여 학습할 수 있습니다.

한 번에 끝내는 프론트엔드 개발
초격차 패키지 상세정보.

3년 연속 브랜드 대상 수상, 패스트캠퍼스

수강료.

  • 한 번에 끝내는 프론트엔드 개발 초격차 패키지 Online.

    현재 정가 대비 55% 할인 중!
    9월 30일 목요일 자정 까지

    정가 400,000원
    현재 판매가 179,000원

    12개월 무이자 할부 시 월 14,916원

국내 9개 카드사 12개월 무이자 할부 지원! (간편 결제 제외)

  • 삼성카드
  • 신한카드
  • 롯데카드
  • 현대카드
  • 하나카드
  • BC카드
  • KB국민은행
  • 씨티카드
  • NH농협카드