프론트엔드 개발자

코스 프로모션 배너 전용입니다.
0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.
(자동)
정가 (자동)
할인 금액 (자동)
현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시
바로 구매하기
프론트 엔드 강의

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

*본 영상은 원작자로부터 상세페이지 내 활용에 대한 동의를 받은 후 업로드되었습니다.

프론트 엔드 강의
초격차 구성 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 5. 정적 블로그 만들기

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

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

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

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

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

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

초격차 구성 4

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

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

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

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

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

프론트 엔드 강의
코스 프로모션 배너 전용입니다.
0일 0시간 0분 0초 코스 프로모션 배너 전용입니다.
(자동)
정가 (자동)
할인 금액 (자동)
현재 판매가 (자동)

(자동)

* 12개월 무이자 할부 시
바로 구매하기

프론트 엔드 강의 목표.

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

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

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

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

추천 대상.

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

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

압도적인 커리큘럼

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

압도적인 가성비

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

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

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

최신 스택 20가지 이상 학습

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

강사님 소개.

박영웅 강사님
Part 1~4, 6~9, 16
현) 질링스 개발팀 프론트엔드 리더
 전) 빈스토크 개발팀 과장 | 투비컴원 디자인팀 팀장

| 기타 활동
∙ 올인원, 초격차, UX/UI 등 패스트캠퍼스 온라인 강의 진행
∙ 11번가, 신한은행, KT 등 개발자 직무 역량 강화 강사/멘토
∙ 메가바이트 스쿨 프론트엔드 1~3기 담당
∙ ‘Hello IT 프론트엔드 개발을 시작하려고 해' 저자
∙ 프론트엔드 기술 블로그 Heropy.blog 운영
∙ 비영리단체 '코딩 배우는 디자이너 그룹' 운영
∙ 이외 다수 웹 개발 온/오프라인 강의 진행
안재원 강사님
Part 5, 10~15
카카오 FE신입 공채 교수자 & 패스트캠퍼스 강사

| 기타 활동
∙ 다수 React 강의 진행(멋쟁이사자처럼, 인프런)
∙ 러닝 스푼즈 HTML&CSS 강의 진행
∙ ‘따라하며 배우는 도커와 CI환경’ 저자
∙ 각종 금융기관 및 공공기관용 SNS 개발
∙ 리액트 및 자바스크립트를 이용한 웹 게임 개발

강의 미리 엿보기 👇

상세 커리큘럼 보기.

아래의 모든 강의를 올인원 패키지 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 이 모든 프론트엔드 강의 클립을 평생 소장하세요!
* 패스트캠퍼스의 온라인 강의는 챕터별로 다른 운영체제 또는 프로그램을 사용할 수 있으며, 각 챕터별로 사용하는 프로그램을 기재하고 있습니다.
원활한 실습을 위해 참고 부탁드립니다.
1) 본 강의는 한 번에 끝내는 React의 모든 것 강의 내 GraphQL, Next.js, TypeScript 파트와 동일합니다.
2) 본 강의는 [초단기 완성 : 14일 만에 만드는 스타벅스 웹 사이트 with HTML&CSS] 강의와 [한 번에 끝내는 프론트엔드 개발 언어 feat. HTML, CSS, JavaScript, TypeScript] 강의 [프론트엔드 웹 개발의 모든 것 초격차 패키지 Online.] Part 1, Part 2와 동일합니다.

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. SCSS

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

Part 7. Bundler

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

Part 9. React JS (JS) 기초

Part 10. TypeScript Essentials

Part 11. 포켓몬 도감 만들기

Part 12. 3가지 프레임워크로 배우는 상태관리

Part 13. React JS (JS + TS)

Part 14. React JS (TS)

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

Part 16. Next.js 프로젝트2: 중고마켓

Part 17. N시간에 끝내는 GraphQL

Part 18. Svelte 맛보기

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

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

    자세히 보기 »

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

구매 안내.

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

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

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

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

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

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

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

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

수강료.

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

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

※ BC카드의 경우, 비씨(페이북)을 선택하여 결제시에만 12개월 무이자 할부가 가능합니다.
(BC계열 – 우리/제일/기업/대구/경남/부산/광주/수협/전북/제주/신협)