--------------------------
이 책에 나온 HTML, CSS, 자바스크립트만 알아도 충분하다!
비전공자도 만드는 최신 프런트엔드 웹 사이트 8가지!
--------------------------
최신 프런트엔드 웹 디자인은 물론 인터랙티브 웹 사이트 8개를 한 번에 완성할 수 있는 책이 나왔다! 베테랑 웹 디자이너이자 프런트엔드 개발자인 저자가 HTML, CSS, 자바스크립트만으로 누구나 화려한 웹 사이트를 만들 수 있게 알려 준다. 또한 실무에서 잘 쓰지 않는 기본 문법을 모두 배우느라 지치지 않게, 실전 예제에 꼭 필요한 웹 표준 문법만 간추려서 빠르고 쉽게 익힐 수 있도록 도와준다.
이 책에서 제공하는 8가지 프런트엔드 웹 사이트는 현업에서 최신 트렌드로 자리 잡은 인터랙티브 웹 포트폴리오를 만들 수 있게 구성했다. 완성된 웹 사이트를 직접 클론 코딩하면서 실력을 높이고, 덤으로 나만의 웹 포트폴리오를 가질 수 있는 기회를 놓치지 말자. 웹의 기초가 필요한 비전공자부터 화려한 디자인이 필요한 웹 디자이너, 최신 웹 기술을 반영하려는 웹 퍼블리셔까지 프런트엔드 기술이 필요한 사람이라면 꼭 읽어야 할 책이다.

★ 이 책에서 만드는 포트폴리오 8가지!
1. 온라인 프로필 카드 웹 페이지
2. 기업형 기본 웹 페이지
3. 밤낮이 바뀌는 마을 애니메이션 페이지
4. 306도 회전하는 파노라마 회사 소개 페이지
5. FLEX 레이아웃 기반의 동영상 웹 페이지
6. 자동으로 음악이 나오는 뮤직 플레이어
7. 핀터레스트 스타일의 반응형 웹 갤러리
8. 웹 플러그인을 사용한 스와이프 갤러리(무료 전자책 제공)

--------------------------
“아무것도 모르는 비전공자도 웹 개발자가 될 수 있나요?”
“물론이죠! 저도 그랬거든요.”
--------------------------
비전공자였지만 프런트엔드 웹 개발자가 된 저자는 비전공자나 코딩 왕초보에게는 결과물부터 만들면서 이론을 배우는 것이 효과적이라고 말한다. 그래서 이 책은 비전공자 눈높이에 맞춰서 최소한의 문법만 활용하여 다양한 결과물을 계속해서 만들 수 있도록 구성했다. 또한 초보자가 헷갈릴 수 있는 CSS 선택자, 플렉스 레이아웃, 미디어 쿼리, 반응형 웹, 자바스크립트 함수 등의 내용도 쉽게 이해할 수 있도록 정리했다. 이 모든 과정을 마치면 HTML5, CSS3, ES6의 최신 웹 표준 기술을 완벽하게 익히고, 인터랙티브 웹 사이트 하나쯤은 거뜬히 만들 수 있는 웹 개발자가 될 수 있다.

--------------------------
현직 웹 디자이너의 진짜 포트폴리오를
클론 코딩하면서 내 것으로 만든다!
--------------------------
이 책에서 제공하는 8가지 포트폴리오는 사용자의 시선을 사로잡아 상호 작용할 수 있는 ‘인터랙티브 웹’ 기술을 적용해 만들었다. 동영상, 음악 플레이어는 물론 사용자가 이미지를 스와이프하거나 3D 화면을 제어하는 등의 화려한 사이트를 만들 수 있어 취업이나 과제의 포트폴리오로 활용하기에 좋다. 또한 현업에서 사용하는 웹 문법과 최신 웹 기술까지 모두 다뤘으니 실무 능력을 키우면서 포트폴리오도 완성하는 일석이조의 효과를 얻어 보자.

--------------------------
[필수 문법]과 [실전 예제] 중 골라서 공부하자!
현업 개발자라면 포트폴리오 사이트부터 시작!
--------------------------
이 책의 1~6장은 [필수 문법], 7~13장은 [실전 예제] 파트로 구성했다. 초보자라면 1장부터 차근차근 공부하면 된다. 그러나 웹 문법을 공부한 적이 있다면 7~13장부터 읽어도 좋다. 웹 사이트를 만드는 데 필요한 HTML, CSS, 자바스크립트는 필수 문법 파트에 모두 담겨 있다. 코딩을 하다가 기초 문법이 궁금해지면 이 책에서 안내하는 대로 필수 문법 파트로 돌아가 공부해 보자. 이렇게 문법과 실전 예제를 같이 공부하다 보면 어느새 탄탄한 기본기와 수준 높은 코딩 실력을 겸비할 수 있을 것이다.

--------------------------
대학, 학원 강의에 최적화된 교재!
모든 예제 소스 파일 무료 제공!
--------------------------
16주 차로 강의 계획을 세워서 이론 시간에는 [필수 문법] 파트를, 실습 시간에는 [실전 예제] 파트를 진행할 수 있으니 학원이나 대학 교재로도 적합하다. 그리고 책에서 다루는 모든 예제 파일은 [이지스퍼블리싱 홈페이지 → 자료실]에서 무료로 내려받을 수 있다. 예제를 하나하나 직접 입력해 보는 것도 좋고, 소스 파일을 내려받은 후 완성 예제를 실행해 결과 화면을 보면서 익히는 것도 좋다.
[예제 파일 다운로드: 이지스퍼블리싱 홈페이지 www.easyspub.co.kr → 자료실]에서 도서명 검색 후 내려받기

--------------------------
1:1 과외를 받는 듯한
저자 직강 동영상 무료 제공!
--------------------------
베테랑 웹 디자이너 & 개발자이자 IT 전문 교육원을 운영하는 최성일 저자의 직강 동영상을 무료로 제공한다. 영상과 책을 같이 본다면 중간에 포기하지 않고 끝까지 쉽게 공부할 수 있다. 웹 개발을 독학하는 사람도, 학교에서 공부한 내용을 복습하고 싶은 사람도 꼭 필요한 동영상 강의를 놓치지 말고 활용하자.

--------------------------
최신 HTML5, CSS3, ES6 문법을 배우는 데
필요한 시간은 딱 10일!
10일 집중 코스, 20일 정석 코스 안내!
--------------------------
무엇이든 목표가 있으면 더 힘차게 달릴 수 있다! 이 책에서는 웹을 정복하고 싶어 하는 독자를 위해 ‘학습 계획표’를 제공한다. 코딩 왕초보라면 [20일 정석 코스]로 기초부터 실전 예제까지 하나씩 차근차근 배우고, 핵심만 빠르게 공부하고 싶은 독자라면 [15일 집중 코스]에 도전해 보자. 자신이 세운 목표대로 학습 계획표에 직접 날짜를 적어 HTML, CSS, 자바스크립트 공부를 한 번에 끝낼 수 있다.

--------------------------
함께 배우고, 나누고, 성장하는
‘Do it! 스터디룸’에서 만나요!
--------------------------
혼자 공부하다가 궁금한 내용이 생기거나, 혹시나 공부를 포기하고 싶을 때는 ‘Do it! 스터디룸’ 카페에 접속해 보자. 이 책을 공부하는 다른 독자를 만나 서로 도움을 주고받으면 더 훌륭한 개발자로 성장할 수 있다. 스터디를 통해 성장하는 뿌듯함을 느낄 뿐 아니라 이 책을 끝까지 포기하지 않고 마칠 수 있어서 더욱 좋다.
[Do it! 스터디룸: cafe.naver.com/doitstudyroom]

★ 이 책의 대상 독자 ★
- 프런트엔드 웹 페이지를 클론 코딩하고 싶은 대학생
- 화려한 웹 포트폴리오가 필요한 웹 디자이너
- 최신 인터랙티브 웹을 다루고 싶은 웹 퍼블리셔
- 프런트엔드 영역을 제대로 배우고 싶은 웹 개발자
- 웹 사이트 창업을 준비하는 CEO