HTML/CSS, JavaScript 올인원 패키지 Online.

걸음마부터 시작해 반응형 웹 페이지를
직접 구현하며 프론트엔드 기초를 정복합니다.

  • #평생소장
  • #HTML/CSS
  • #JavaScript
  • #BootStrap
난이도
입문 - 심화
강의 주제
6개
강의 수
220여 개
정가
349,000원
할인 판매가
93,500원
무이자 할부가
월 7,791원 * 12개월
할인 마감일
8월 9일 일요일 자정 가격 인상

HTML/CSS, JavaScript. 프론트엔드의 핵심 3대장을 기초부터 단계별로 학습하는 강의입니다.

반응형 웹 페이지부터 인터랙티브 웹 디자인까지 내가 원하는 웹 페이지를 마음껏 구현해보세요.

웹 페이지 제작의 기본, HTML/CSS

HTML과 CSS는 어떻게 다르고, 왜 공부해야 할까요?

웹 페이지의 뼈대를 잡는 HTML
HTML은 웹을 이루고 있는 가장 기초적인 구성 요소로, 웹 페이지의 내용을 작성하고 의미를 부여하는 데 활용됩니다. 웹 페이지의 골격을 만드는 HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 구성하기 위한 가장 기본이 됩니다.
꾸밈을 담당하는 CSS
CSS는 HTML을 기반으로 웹 페이지의 겉모양을 아름답게 꾸미는 역할을 합니다. CSS 기술을 올바르게 사용하면, 웹 환경에서 다양한 UI를 만들 수 있으며 UX 환경을 더욱 편리하게 구축할 수 있어 코딩 입문자는 물론, 현직 디자이너나 개발자들도 필수적으로 공부하는 과목입니다.

웹 표준의 기초가 되는 HTML과 CSS 학습, 올인원 패키지로 시작하세요.

HTML과 CSS를 배우면 코딩만으로도 웹 디자인이 가능해집니다. 올인원 패키지 Online은 웹 표준과 웹 접근성을 모두 고려하여 웹 페이지 안에서 원하는 콘텐츠를 구조적으로 마크업하는 방법을 알려드립니다. 또한 HTML에 스타일을 적용하는 CSS를 학습하여, 효과적인 UI 디자인을 위해 필요한 다양한 속성과 박스모델, float, positon 등의 레이아웃 알고리즘을 학습하고 실전에 활용할 수 있도록 도와드립니다.

웹 페이지에 생동감을 더하는 JavaScript

웹 프로그래밍의 시작, 자바스크립트를 배우고 인터랙티브 웹을 직접 디자인해보세요.

동적인 부분을 구현하고 싶다면 JAVASCRIPT
JavaScript는 노트북, 태블릿, 핸드폰 등 다양한 스마트 기기의 화면을 모두 만들 수 있는 언어입니다. 다른 프로그래밍 언어에 비해 진입장벽이 낮은 편이며, 웹 페이지 구현에 있어서는 정적인 페이지 상에 동적인 요소를 더해 페이지의 생동감을 더해주는 역할을 합니다. 아름답고 감각적인 웹 페이지를 만들고 싶은 사람이라면 JavaScript 학습은 필수입니다.

수강생들의 학습 고민까지 덜어주는 프론트엔드 강의

올인원 패키지는 이런 고민들에서 시작했습니다.

이 많은 HTML 태그를 꼭 다 배워야만 원하는 웹 페이지를 구현할 수 있나?

웹 페이지를 만들 수 있다고 해서 들었는데, 막상 수업이 끝나니 남는 게 없네.

프로그래밍 전공자가 아니라 그런지 자바스크립트는 진짜 못 따라가겠네.

HTML/CSS는 배웠는데 정작 사용할 때는 이 코드 저 코드 다 복사해서 쓰니까 비효율적이야.

기존의 학습법에서 비롯된 고민들을 해결해드립니다.

비전공자도 기본기를 탄탄히 다지고, 원하는 결과물을 얻을 수 있습니다.

고급 웹 페이지 구축을 위한
웹 표준 및 접근성을 고려하는 HTML/CSS 강의.
웹 표준과 웹 접근성은 웹 페이지의 유지 보수를 쉽게 하고, 검색 엔진을 활성화하기에 최적화되어 있습니다. 또한 인터넷 익스플로러, 크롬 등 다양한 웹 환경에서도 호환되는 웹 페이지 구현을 위해서는 웹 표준과 웹 접근성을 모두 고려한 HTML/CSS 코드를 사용하는 것이 매우 중요합니다. [HTML/CSS, JS 올인원 패키지 Online]에서는 이러한 내용을 고려하여 체계적인 HTML/CSS 활용법을 학습합니다.
입문자도, 비전공자도 쉽게 따라하는
초보자 눈높이에 맞춰 생기초부터 시작하는 수업.
무조건 문법을 암기하는 수업이 아니라, 작성한 코드가 웹 페이지에 구현되는 것을 직접 눈으로 확인하며 배우는 실습 중심의 수업입니다. 프로그래밍을 한 번도 배워본 적 없는 초보자의 눈높이에 맞춰 HTML과 CSS, JavaScript를 활용해 원하는 웹 페이지를 감각적으로 구현할 수 있도록 수업에서 도와드립니다.
반응형 웹부터 인터랙티브 디자인까지
6가지 웹 페이지를 직접 만드는 실습 위주의 커리큘럼.
이제 웹 페이지는 PC에만 한정하지 않고, 모바일을 비롯하여 다양한 디지털 환경에 맞춰 반응형으로 제작되어야 합니다. 수업에서는 화면의 크기에 맞춰 페이지의 레이아웃이 변경되는 ‘반응형 웹 페이지’를 구현해봅니다. 또한 JavaScript 학습을 통해 정적인 이미지 위주의 화면이 아닌, 동적인 요소가 가미된 인터랙티브 웹 디자인도 직접 실습해봅니다.
SASS, Bootstrap, Git/Github 등
프론트엔드 실무에 필요한 심화 내용까지 포함.
CSS 코드를 보다 효과적으로 활용하기 위해 필요한 SASS(SCSS)를 학습하여, 유지 보수에 최적화된 품질 높은 CSS 코드를 작성하는 법까지 수업에서 배워봅니다. 또한 기본 템플릿만으로도 웹 사이트를 간편하게 구축할 수 있는 BootStrap, 코드의 공유와 개발자와의 실무 협업에 필요한 Git 과 GitHub의 사용법을 학습하여, 보다 심화된 수준까지 실력을 끌어올려 드립니다.

올인원 패키지만의 장점을 살려 공부하세요.

시중에 나와있는 교재 및 온/오프라인 동일 강의와 직접 비교해보세요!

수업의 구성

HTML/CSS부터 JavaScript까지 총 6가지 커리큘럼으로 구성됩니다.

이런 분들을 위해 준비된 강의입니다.

코딩 왕초보부터 프론트엔드 실무자까지 누구나 들을 수 있습니다.

아름답고 감각적인 나만의 웹사이트를 직접 만들고 싶은 분

웹 퍼블리셔로 취업을 준비하는 분

보다 효과적인 웹디자인을 하고 싶은 디자이너

HTML과 CSS를 시작으로 코딩에 입문해보고 싶은 프로그래밍 왕초보

BootStrap템플릿을 활용하여 빠르게 원하는 웹페이지를 구현하고 싶은 분

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

인터랙션 요소가 들어간 특별한 웹페이지를 구현하고 싶은 분

Git/Github을 활용하여 실무에서 개발자와 소통하고 싶은 디자이너 또는 퍼블리셔

실제 수업내용을 영상으로 확인해보세요!

HTML/CSS 기초 문법부터 반응형 웹 페이지 구현까지 모두 수업에서 배울 수 있습니다.

(자동) (자동) (자동)
정가 (자동)
현재 판매가 (자동)
12개월 무이자 할부 시 (자동)

실무에서의 이런 고민

HTML/CSS, JS 올인원 패키지 Online으로 해결해보세요.

HTML/CSS 는 쓰고 있지만, 복사 + 붙여넣기 식으로만 코드를 써왔어요.
HTML/CSS에 대한 기본적인 공부는 몇 번 해봤어요. 하지만 막상 실무에서 내가 필요한 부분을 화면으로 구현하려면 코드를 쓰기가 어렵습니다. 남의 코드를 복사해서 붙여넣기 하는 식으로 HTML/CSS를 쓰고 있어요.

일을 빨리 처리하다 보니, 품질 높은 코드를 작성하는 건 뒷전이에요.
당장 필요한 요소를 화면에 구현하는 데만 급급하니, CSS 코드가 엉망입니다. CSS를 쓸 줄 안다고 생각은 하는데, 불필요하게 많은 코드를 늘여쓰다보니 꼬이는 경우가 많아요.

웹 화면을 정적인 이미지로만 꾸미는 것이 아닌, 동적인 요소를 가미하고 싶어요.
디자이너로 일하면서, 웹 상에 표현하는 대부분의 요소들을 이미지로 처리하고 있습니다. 하지만 동적인(인터랙션) 요소를 가미하여, 사용자 경험이나 인터페이스를 더 향상 시키고 싶습니다.

수강 목표

HTML/CSS, JS 올인원 패키지로 공부하고, 원하는 웹 페이지를 구현하세요!

6가지 웹사이트 제작 실습으로 결과물 + 실력 향상

HTML/CSS 학습을 통한 ‘반응형 웹 페이지’부터 JavaScript를 통해 구현해보는 ‘인터랙티브 웹 디자인’까지. 총 6가지의 웹사이트를 직접 제작해보며 진짜 실력을 쌓고, 아름다운 웹사이트를 결과물로 가져갈 수 있습니다.

웹 퍼블리셔로 취업 가능한 수준까지 학습

웹 표준 및 웹 접근성을 고려한 체계적인 커리큘럼으로 HTML/CSS, JavaScript 학습을 통해 실제 웹 퍼블리셔로 취업 가능한 수준까지 실력을 끌어 올릴 수 있습니다.

GIT & GITHUB를 통해 개발자와 효과적인 협업

이미 웹 퍼블리셔 또는 디자이너로 실무에서 일하고 있는 분들이라면, HTML/CSS, JS 학습은 물론 Git/GitHub 활용법까지 학습하여 실무에서 개발자와 효과적으로 코드를 공유하고 소통하는 법을 익힐 수 있습니다.

강사진 소개

기본기를 탄탄히 다져줄 강사님을 확인해보세요.

박영웅 강사님

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

이웅재 강사님

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

주요 경력 사항

Studio XID 프로토파이 개발 (2016~)
VTouch 수석 엔지니어 (2014~)
창업 및 스타트업 운영 (2010~)
ProtoPie 개발
Real Estate Development Service in LA
Virtual Touch Solution & Demo System

수강 후기

실제 수강생들의 후기를 확인해보세요.

실무에서 써먹는 HTML/CSS는 다 배울 수 있는 강의.

이 강의 하나로 실무에 필요한 html/css 는 모두 정리하고 가는 것 같아요. 실무를 아직 접해 보지 않은 분들에게 꼭 추천입니다.

-수강생 K씨

웹 퍼블리셔 취업 준비에 도움 받았어요.

퍼블리셔로 취업을 준비하면서 학원을 다녀봤는데, 영 실력이 늘지 않는 것 같았습니다. 근데 이 강의를 보니까 막막하던 게 해소가 됩니다. 일단 기본기를 충실하게 잘 쌓을 수 있는 강의입니다.

-수강생 Y씨

자바스크립트 처음인데도 쉽게 따라갈 수 있어요.

HTML/CSS 강의는 기존에 몇 번 들어봤는데도, 실제로 일하면서 적용하기에는 늘 막힘이 있었어요. 그런데 수업에서 웹 페이지를 진짜 아무것도 없는 상태에서 시작해 직접 만들어보니까 자바스크립트 처음 하는 사람인데도 훨씬 수월하게 배우는 것 같아요.

-수강생 P씨

CSS를 더 효율적으로 쓸 수 있는 법을 배우는 강의.

이미 개발자로 필드에서 일하고 있는데도 CSS는 늘 구글링해서 찾아 쓰기만 했는데 괜찮은 코드를 쓸 수 있도록 도와주는 체계적인 강의인 것 같습니다.

-수강생 J씨

HTML/CSS, JS 올인원 패키지, 압도적인 가성비로 승부합니다.

프로그래밍 1위 실무교육기관 패스트캠퍼스에서 고퀄리티 강의를 들어보세요.

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

온라인으로 HTML/CSS, JS 올인원 패키지를 효과적으로 공부해보세요.

(자동) (자동) (자동)
정가 (자동)
현재 판매가 (자동)
12개월 무이자 할부 시 (자동)

[ 주의사항 및 환불규정 ]

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


- 총 학습 기간
정상 수강기간(유료 수강기간) 최초 2개월(60일), 무료 수강 기간은 61일차 이후로 무제한이며, 유료 수강기간과 무료 수강기간 모두 동일하게 시청 가능합니다.
본 패키지는 약 58시간 분량으로, 일 1시간 내외의 학습 시간을 통해 정상 수강 기간(=유료 수강 기간) 내에 모두 수강이 가능합니다.
– 수강시작일 : 수강 시작일은 결제일로부터 기간이 산정됩니다. (사전 예약 강의의 경우 1차 강의 오픈일)
패스트캠퍼스의 사정으로 수강시작이 늦어진 경우에는해당 일정 만큼 수강 시작일이 연기됩니다.

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

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




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

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

[ 100% 페이백 이벤트 주의사항 및 환불규정 ]

- 영업일은 월~금이며, 주말 및 공휴일은 영업일에 포함되지 않습니다.
– 본 100% 페이백 이벤트는 올인원 패키지에 한정하며 외국어 교육, 스쿨(SCHOOL), 캠프(CAMP), 데이터 사이언스 스쿨 온라인 등 오프라인 과정과 온라인 싱글팩 과정, 바이트디그리 과정에는 해당하지 않습니다.

[100% 페이백 쿠폰 사용시 주의사항]

- 증정되는 페이백 쿠폰은 이벤트 종료 후 8월 24일(월) 오후 3시에 패스트캠퍼스 홈페이지 내 마이페이지에서 확인하실 수 있습니다.
- 100% 페이백 쿠폰은 결제한 금액만큼의 정액쿠폰으로 1개 발급됩니다. (ex : 164,500원 결제시 164,500원 쿠폰1개 지급)
- 쿠폰 사용 가능기간은 8월 24일 쿠폰 발급 시점부터 8월 28일 금요일 자정까지 입니다.
- 8월 28일 (금) 23시 59분까지 쿠폰 미사용시 페이백 쿠폰은 자동 소멸됩니다.
- 페이백 쿠폰으로 구매한 강의 환불 시 쿠폰은 재발급되지 않습니다.
- 쿠폰 금액을 초과하는 가격의 강의 구매시 차액에 대한 결제가 필요하고, 쿠폰 금액 미만의 강의 구매시 페이백 쿠폰의 차액은 돌려드리지 않습니다.
- 쿠폰 사용 후 추가금액을 결제하여 구매한 강의는 강의 안내일 기준 15일까지 전액 환불이 가능하며 이 후 환불은 불가능합니다.
- 쿠폰은 1회에 한해 사용 가능합니다.
- 쿠폰을 사용하여 구매하신 강의는 타 강의로 교환이 불가능합니다.
- 페이백 쿠폰은 전체 오픈 된 강의에만 적용하실 수 있습니다. 사전 예약(N차 오픈 포함) 과목에는 적용하실 수 없습니다.
- 본 쿠폰은 다른 할인 및 쿠폰과 중복 적용 불가합니다.

수강료.

  • 올인원 패키지 : HTML/CSS, JavaScript

    현재 정가 대비 73% 할인 중!
    8월 9일 일요일 자정 까지

    정가 349,000원
    현재 판매가 93,500원

    12개월 무이자 할부 시 월 7,791원

국내 9개 카드사 12개월 무이자 할부 지원!

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