진행중 이벤트!

프론트엔드 개발자를 꿈꾼다면 놓치지 말아야할

프론트엔드 BOOT CAMP

일    정 2018.3.12.~ 2018.5.14. 휴강 2018.5.7.(월)
매주 월/수요일 19:30 ~ 22:30 | 총 9주
준비물 개인 노트북 사용 추천
(본인 PC에 맞는 개발 환경 설정 및 원활한 개별 실습을 위하여)
장    소 패스트캠퍼스 강의장
문    의 이유리 매니저 : 02-501-9695
궁금하신 사항이 있으면 언제든 연락주세요 🙂

프론트엔드 개발의 기초(HTML/CSS)부터 제대로 익히고
반응형 웹사이트까지 제작하는 9주 강의로
당신이 바라던 커리어를 시작하세요

프론트엔드 BOOT CAMP에선 어떻게 배우죠?

배움을 통해 당신은!

HTML/CSS 를 웹표준에 맞게 제대로 작성할 수 있게 됩니다!

포트폴리오로 제출할, 반응형 웹사이트를 9주만에 완성할 수 있습니다!

프론트엔드의 기초부터 실무까지 경험할 수 있습니다!

4단계로 진행되는 강의

*눈으로 바로 확인하며 코딩하는 실습 영상*

*이론을 통해 배운 내용을 코드로 직접 작성하고 실시간으로 눈으로 확인하며 코드가 어떻게 작동되고 구성이 되는지 파악하며 웹표준을 제대로 터득합니다.

이론 + 예제 + 프로젝트를 동시에 진행하는 상세 커리큘럼

*커리큘럼에 표현된 Track1에선 이론과 UI/UX에 맞춘 예제를, Track2에선 반응형 웹사이트 제작합니다.

주차 Track1 Track2
1

수업 소개

  • 수업의 목표
  • 수업의 진행 방법과 방향
  • 학습 방법에 대한 이야기
  • 프론트엔드 개발자 로드맵
  • 웹과 브라우저, 개발자 도구

개발도구 설치와 맛보기

  • sublime text 설치
  • Emmet 맛보기
2

HTML 시작하기

  • html을 공부하는 방법
  • 기초 작성법
  • 주요 태그와 속성

개발 환경 설정

  • Npm + Gulp + Browser-sync를 이용한 live reload 개발 환경 구축
  • 기본적인 개발 디렉토리 세팅
3

CSS 시작하기

  • css를 공부하는 방법
  • 기초 작성법
  • 기초 예제

웹사이트 리서치

  • 만들고 싶은, 좋아하는 웹사이트 리서치
  • 사이트 분석 방법
  • 과제 소개
4-6

HTML/CSS PRACTICE(코딩 연습)

  • 주요 UI패턴 예제를 통한 html설계와 css표현 익히기
  • 주요예제
    • grid
    • text
    • navigation
    • list
    • form
    • modal

예제 저장하기

  • 작성한 예제를 저장하기 위한 환경 세팅

과제 준비하기(포트폴리오 등)

  • 실습과제 방향과 분량 결정하기
7

모바일 최적화와 반응형 웹

  • 반응형 레이아웃
  • 반응형 이미지
  • 미디어쿼리

CSS animation

  • 부드러운 css 애니메이션 효과 연습
  • Transition, Transform, keyframes, animation

과제 진행

  • 크롬 개발자 도구를 활용한 테블릿, 모바일 대응 방법
  • 사용자 경험(UX)에 기반한 모바일 레이아웃 설계
8

CSS설계

  • CSS 작성 방법론
  • SASS

Javascript 라이브러리 사용

  • 라이브러리 사용 방법
  • jQuery 기초

  • /* 최근 다양한 프레임워크(Vue, Angular 등) 와 라이브러리(React 등)가 등장하여 jQuery의 인기가 많이 줄었습니다. 하지만, jQuery는 입문자가 JS 활용을 이해하는데 효과적입니다. jQuery를 학습하므로써 JS의 다양한 다양한 프레임워크, 라이브러리를 학습하는 초석이 될 것입니다.*/

과제 진행

  • 네이밍 노하우 공유
  • JS 기초 및 활용을 위한 jQuery 학습 및 적용
9

cross browsing

  • 크로스브라우징 주의 사항
  • 주요 이슈별 해결책 연구

배포(deployment)

  • FTP

과제 진행과 회고

  • 개발자의 코드관리 노하우
  • 웹표준 vs 실무에서의 한계
주차 내용
1

TRACK1

수업 소개

  • 수업의 목표
  • 수업의 진행 방법과 방향
  • 학습 방법에 대한 이야기
  • 프론트엔드 개발자 로드맵
  • 웹과 브라우저, 개발자 도구

TRACK2

개발도구 설치와 맛보기

  • sublime text 설치
  • Emmet 맛보기
2

TRACK1

HTML 시작하기

  • html을 공부하는 방법
  • 기초 작성법
  • 주요 태그와 속성

TRACK2

개발 환경 설정

  • Npm + Gulp + Browser-sync를 이용한 live reload 개발 환경 구축
  • 기본적인 개발 디렉토리 세팅
3

TRACK1

CSS 시작하기

  • css를 공부하는 방법
  • 기초 작성법
  • 기초 예제

TRACK2

웹사이트 리서치

  • 만들고 싶은, 좋아하는 웹사이트 리서치
  • 사이트 분석 방법
  • 과제 소개
4-6

TRACK1

HTML/CSS PRACTICE(코딩 연습)

  • 주요 UI패턴 예제를 통한 html설계와 css표현 익히기
  • 주요예제
    • grid
    • text
    • navigation
    • list
    • form
    • modal

TRACK2

예제 저장하기

  • 작성한 예제를 저장하기 위한 환경 세팅

과제 준비하기(포트폴리오 등)

  • 실습과제 방향과 분량 결정하기
7

TRACK1

모바일 최적화와 반응형 웹

  • 반응형 레이아웃
  • 반응형 이미지
  • 미디어쿼리

CSS animation

  • 부드러운 css 애니메이션 효과 연습
  • Transition, Transform, keyframes, animation

TRACK2

과제 진행

  • 크롬 개발자 도구를 활용한 테블릿, 모바일 대응 방법
  • 사용자 경험(UX)에 기반한 모바일 레이아웃 설계
8

TRACK1

CSS설계

  • CSS 작성 방법론
  • SASS

Javascript 라이브러리 사용

  • 라이브러리 사용 방법
  • jQuery 기초

  • /* 최근 다양한 프레임워크(Vue, Angular 등) 와 라이브러리(React 등)가 등장하여 jQuery의 인기가 많이 줄었습니다. 하지만, jQuery는 입문자가 JS 활용을 이해하는데 효과적입니다. jQuery를 학습하므로써 JS의 다양한 다양한 프레임워크, 라이브러리를 학습하는 초석이 될 것입니다.*/

TRACK2

과제 진행

  • 네이밍 노하우 공유
  • JS 기초 및 활용을 위한 jQuery 학습 및 적용
9

TRACK1

cross browsing

  • 크로스브라우징 주의 사항
  • 주요 이슈별 해결책 연구

배포(deployment)

  • FTP

TRACK2

과제 진행과 회고

  • 개발자의 코드관리 노하우
  • 웹표준 vs 실무에서의 한계

*웹표준을 준수하며 UI를 직접 구현하며, 안정성과 확정성을 고려한 UI 커스터마이징 노하우를 익히는 실습 예제들*

비전공자에게 프론트엔드 개발은 ‘알 수 없는 미지의 작업’일 수 있습니다. 익숙하지 않은 것이기에 두렵고 어렵게 느껴질 수도 있습니다. 본 수업을 통해 제품의 작업 공정을 깊이 이해하고, 그 이해를 바탕으로 여러분의 커리어 전환에 힘이 실릴 수 있는 기회가 되리라 생각합니다.
9주동안 웹에 대한 이해와 실무에서 활용되는 팁들을 경험하면서 막연한 두려움을 없애며 모든 분들이 실제 구동되는 포트폴리오를 완성하실 수 있도록 돕겠습니다.

QNA

포트폴리오는 정말 수업 시간 내에 완성할 수 있나요?

첫 수업을 제외하고 매 수업시간 마다 이론과 예제, 그리고 본인의 프로젝트를 동시에 진행합니다. 웹표준에 따른HTML & CSS을 체득하고 동적인 기능(ex. 클릭 했을 때, 숨겨져있던 메뉴가 등장하는 것 등)을 익힘에 따라 그날그날 배운 내용을 본인의 프로젝트에 바로 적용할 수 있습니다. 9주 후에는 포트폴리오를 완성할 수 있게 지속적으로 강사님이 도와드리며, 마지막 날엔 배포까지 진행합니다.

수업 시간 외 모르는 게 생기면 어떻게 해결할 수 있을까요?

온라인에서도 강사님게 언제든지 질문할 수 있는 채널을 개설할 예정입니다. 언제든지 코드를 통해 강사님께 질문하실 수 있으며 모르는 것은 강의실 내외를 구별하지 않고 언제든 해결하실 수 있도록 도와드립니다.

당신에게 추천합니다.

프론트엔드 개발자로
커리어를 시작하고 싶은 사람

업무 실력 증대 및
자기 계발을 하고 싶은 사람

나만의 웹 사이트를
실제로 만들고 싶은 사람

풀스택 디자이너로
커리어를 확장하고 싶은 사람

이라면, 프론트엔드 BOOT CAMP에서 웹표준부터 동적인 구현까지! 제대로 배울 수 있는 기회입니다 🙂

수강료

수강료(마지막할인)
할인가 등록가
100만원

대학생 특별 할인
대학생은 10% 추가 할인 혜택을 제공합니다. 수강신청시 재학증명서(졸업예정증명서)를 첨부해주세요! 🙂
*기수강생 할인 및 기타 할인쿠폰과는 중복적용이 불가합니다.

[ 유의사항 및 환불규정 ]

* 모든 패스트캠퍼스 오프라인 파트타임 교육은 개강 전일 18시에 모집이 마감됩니다.
* 상황에 따라 사전 공지 없이 모집이 조기 마감되거나 할인이 연장될 수 있습니다.
* 수강 인원 확인을 위하여, 즉시 결제가 어려운 경우에도 반드시 수강신청을 먼저 진행해주시기 바랍니다.
* 수강생의 결석이나 지각 등으로 발생한 손해에 대해서는 별도의 보상을 제공하지 않습니다.

* 다음과 같은 사유 등으로 인해 강의가 폐강될 수 있으며, 폐강 시 학원법에 따라 반환 사유 발생일로부터 5 영업일 이내에 수강료를 환불해드립니다.
– 모집된 수강인원이 10명 이하일 경우
– 강사의 갑작스러운 사고 및 건강 상의 이유
– 천재지변
: 위의 사유로 강의가 폐강될 경우, 학원법 제 18조에 따라 오프라인 강의 취소/환불 정책을 준용하여 환불 처리되며, 모객 부진으로 폐강 시에는 최소 개강일로부터 7일 전에는 폐강 여부를 안내해드립니다.

* 총 수강기간 1개월 이내 기준 취소 및 환불 규정 안내
– 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 수업 시작 전 환불 신청 시 전액 환불됩니다.
– 수강 시작 후 환불 신청 시 하기 수업 시수를 기준으로 학원법 환불규정에 따라 환불 가능합니다.
: 환불요청일시 기준 수업시수 1/3 경과 전 : 수강료 2/3 환불
: 환불요청일시 기준 수업시수 1/2 경과 전 : 수강료 1/2 환불
: 환불요청일시 기준 수업시수 1/2 경과 후 : 환불금액 없음

* 기타 환불 관련 안내
– 환불 의사를 밝힌 다음날부터 계산하여 환불합니다.
– 환불금액은 수업시간을 기준(반올림)으로 산정합니다.
– 환불금액의 10원 미만은 절삭합니다.
– 반환 사유 발생 시 5 영업일 이내 환불됩니다.
: PG사와 카드사의 상황에 따라 환불이 지연될 수 있습니다
– 1개월 산정 기준은 민법 제 160조(역에 의한 계산)을 적용합니다.
: 실제 일수와 상관없이 수업시작일이 3월 7일인 경우, 1개월은 4월 6일까지 입니다.
: 단, 수업 시작일이 1월 31일인 경우, 1개월은 월의 말일인 2월 28일까지 입니다.