최신 웹 표준 기술인 HTML5, CSS3, 자바스크립트(ES6)로 웹 기본기를 단단하게 쌓자! -------------------------- 웹 개발 분야는 하루가 다르게 변하지만 웹 표준 기술인 HTML, CSS, 자바스크립트의 기본은 변하지 않는다. 이 책을 보고 나면 어떤 최신 웹 기술을 배우더라도 두렵지 않다. 웹 개발을 하든, 웹 디자인을 하든 이 책에서 소개하는 기술들이 기본이 되기 때문이다. 이 책은 웹에 입문한 독자를 위해 HTML의 태그가 무엇인지부터 시작해 CSS, 자바스크립트의 고급 기술까지 다양한 개념을 간단명료한 예제와 함께 충분히 설명한다. 총 500여 개가 넘는 〈Do it! 예제와 실습〉을 하고 〈한눈에 정리하기〉, 〈마무리 문제〉까지 풀고 나면 어느새 웹 기본기가 단단하게 쌓여 있을 것이다. -------------------------- 기초 문법은 손코딩하고, 활용은 Do it 실습으로 한다! 까먹을 틈을 안 주는 철저한 복습 설계! -------------------------- ‘HTML, CSS는 암기 과목’이라는 말이 있다. 즉, 웹 개발은 아는 만큼 다양하게 활용할 수 있는 분야다. HTML, CSS, 자바스크립트의 기본기를 충분히 익혔다면 배운 내용을 기억해 직접 코딩하는 것이 중요하다. 그래서 이 책은 개념을 익힐 때 긴 텍스트보다는 예제를 많이 사용했다. 그리고 반복 학습할 수 있도록 설계했다. 각 장에서 배운 내용을 〈Do it! 실습〉으로 직접 만들어 결과를 눈으로 바로 확인할 수 있다. 또한 예제 중간에 들어 있는 손코딩 코너에서 그동안 배웠던 내용을 간단하게 복습하고 각 장이 끝날 때마다 〈마무리 문제〉까지 풀 수 있도록 배치해서 잊어버릴 틈을 주지 않는다. -------------------------- 책이 끝이 아니다! 최종 프로젝트 〈웹 사이트 만들기〉 PDF 전자책 무료 배포! -------------------------- 이 책을 공부한 사람이라면 누구나 쉽게 만들 수 있는 최종 프로젝트 〈웹 사이트 만들기〉 PDF 전자책을 무료로 제공한다. “백문이 불여일견”이라는 말이 있듯이 책으로만 읽고 끝내는 것이 아니라 직접 따라 만들어야 확실하게 내 것으로 만들 수 있다. 이 책의 모든 내용을 압축해 놓은 최종 프로젝트를 완성해서 성취감을 맛보고 실무에서 바로 써먹는 코딩 능력도 키워 보자! -------------------------- 대학, 학원 강의에 최적화된 교재! 모든 예제 소스 파일 무료 제공! -------------------------- 이 책에서 다루는 모든 예제 파일은 [이지스퍼블리싱 홈페이지 → 자료실]에서 무료로 내려받을 수 있다. 예제를 하나하나 직접 입력해 보는 것도 좋고, 소스 파일을 내려받은 후 예제를 실행해 결과 화면을 보면서 익히는 것도 좋다. 실습에 필요한 준비 파일과 함께 완성 파일도 함께 제공되니 학원이나 대학 교재로도 적합하다. [예제 파일 다운로드 : www.easyspub.co.kr → 자료실] 도서 검색 후 내려받기 -------------------------- 1:1 과외를 받는 듯한 저자 직강 동영상 무료 제공! -------------------------- 프로그래밍 관련 도서를 60종 이상 집필한 웹 분야 베스트셀러 저자의 직강 동영상을 무료로 제공한다. 영상과 책을 같이 본다면 중간에 포기하지 않고 끝까지 쉽게 공부할 수 있다. 웹 개발을 독학하려는 사람도, 학교에서 공부한 내용을 복습하고 싶은 사람도 꼭 필요한 동영상 강의를 놓치지 말고 활용하자! -------------------------- 자신의 공부 속도에 맞는 학습 계획표로 독학도 문제없다! 30일 정석 코스, 15일 집중 코스 안내! -------------------------- 무엇이든 목표가 있으면 더 힘차게 달릴 수 있다! 이 책에서는 웹을 공부하려는 독자를 위한 ‘학습 계획표’를 제공한다. 코딩 왕초보라면 [30일 정석 코스]로 기초부터 활용까지 하나씩 차근차근 배우고, 좀 더 빠르게 공부하고 싶은 독자라면 [15일 집중 코스]에 도전해 보자. 자신이 세운 목표대로 학습 계획표에 직접 날짜를 적고 한 달 안에 HTML, CSS, 자바스크립트 공부를 끝내 보자! -------------------------- 함께 배우고, 나누고, 성장하는 ‘Do it! 스터디룸’에서 만나요! -------------------------- 혼자 공부하다가 궁금한 내용이 생기거나 공부를 포기하고 싶을 때는 ‘Do it! 스터디룸’을 활용해 보자. 이 책을 공부하는 다른 독자를 만나 서로 도움을 주고받으며 나누다 보면 훌륭한 개발자로 성장할 수 있다. 스터디를 통해 성장하는 뿌듯함을 느낄 뿐 아니라 이 책을 끝까지 포기하지 않고 마칠 수 있어서 더욱 좋다. [Do it! 스터디룸 : cafe.naver.com/doitstudyroom] ★ 이 책의 대상 독자 ★ - 프런트엔드 웹 개발을 준비하는 대학생 - 최신 웹 표준 기술을 알고 싶은 웹 퍼블리셔 - 웹 개발 분야도 정복하고 싶은 웹 디자이너 - 간단한 웹 페이지를 직접 만들고 싶은 온라인 마케터 - 웹 사이트 창업을 준비하는 CEO

첫째마당 웹 개발 기본 다지기 ----------------- 01 웹 개발 시작하기 __01-1 웹 개발 알아보기 __01-2 웹 개발, 어디서부터 시작할까 02 웹 개발 환경 만들기 __02-1 웹 브라우저와 웹 편집기 __02-2 웹 개발 환경 설정하기 ----------------- 둘째마당 HTML 시작하기 ----------------- 03 HTML 기본 문서 만들기 __03-1 HTML과 첫 만남 __03-2 HTML 구조 파악하기 __03-3 HTML 파일 만들기 __03-4 웹 문서 구조를 만드는 시맨틱 태그 04 웹 문서에 다양한 내용 입력하기 __04-1 텍스트 입력하기 __04-2 목록 만들기 __04-3 표 만들기 __04-4 이미지 삽입하기 __04-5 오디오와 비디오 삽입하기 __04-6 하이퍼링크 삽입하기 __한눈에 정리하기 __마무리 문제 05 입력 양식 작성하기 __05-1 폼 삽입하기 __05-2 사용자 입력을 위한 input 태그 __05-3 input 태그의 주요 속성 __05-4 폼에서 사용하는 여러 가지 태그 __한눈에 정리하기 __마무리 문제 ----------------- 셋째마당 CSS 다루기 ----------------- 06 CSS의 기본 __06-1 웹 문서에 디자인 입히기 __06-2 스타일과 스타일 시트 __06-3 CSS 기본 선택자 알아보기 __06-4 캐스케이딩 스타일 시트 알아보기 __한눈에 정리하기 __마무리 문제 07 텍스트를 표현하는 다양한 스타일 __07-1 글꼴 관련 스타일 __07-2 웹 폰트 사용하기 __07-3 텍스트 관련 스타일 __07-4 목록 스타일 __07-5 표 스타일 __한눈에 정리하기 __마무리 문제 08 레이아웃을 구성하는 CSS 박스 모델 __08-1 CSS와 박스 모델 __08-2 테두리 스타일 지정하기 __08-3 여백을 조절하는 속성 __08-4 웹 문서의 레이아웃 만들기 __08-5 웹 요소의 위치 지정하기 __한눈에 정리하기 __마무리 문제 09 이미지와 그러데이션 효과로 배경 꾸미기 __09-1 배경색과 배경 범위 지정하기 __09-2 배경 이미지 지정하기 __09-3 그러데이션 효과로 배경 꾸미기 __한눈에 정리하기 __마무리 문제 10 CSS 고급 선택자 __10-1 연결 선택자 __10-2 속성 선택자 __10-3 가상 클래스와 가상 요소 __한눈에 정리하기 __마무리 문제 11 트랜지션과 애니메이션 __11-1 변형 알아보기 __11-2 트랜지션 알아보기 __11-3 애니메이션 알아보기 한눈에 정리하기 마무리 문제 12 반응형 웹과 미디어 쿼리 __12-1 반응형 웹 알아보기 __12-2 미디어 쿼리 알아보기 __12-3 그리드 레이아웃 알아보기 __12-4 플렉스 박스 레이아웃 알아보기 __12-5 CSS 그리드 레이아웃 사용하기 한눈에 정리하기 ----------------- 넷째마당 자바스크립트 기초 ----------------- 13 자바스크립트와 첫 만남 __13-1 자바스크립트로 무엇을 할까 __13-2 웹 브라우저가 자바스크립트를 만났을 때 __13-3 자바스크립트 용어와 기본 입출력 방법 __13-4 자바스크립트 스타일 가이드 14 자바스크립트 기본 문법 __14-1 변수 알아보기 __14-2 자료형 이해하기 __14-3 연산자 알아보기 __14-4 조건문 알아보기 __14-5 반복문 알아보기 한눈에 정리하기 마무리 문제 15 함수와 이벤트 __15-1 함수 알아보기 __15-2 var를 사용한 변수의 특징 __15-3 let와 const의 등장 __15-4 재사용할 수 있는 함수 만들기 __15-5 함수 표현식 __15-6 이벤트와 이벤트 처리기 __15-7 DOM을 이용한 이벤트 처리기 한눈에 정리하기 마무리 문제 16 자바스크립트와 객체 __16-1 객체 알아보기 __16-2 자바스크립트의 내장 객체 __16-3 브라우저와 관련된 객체 한눈에 정리하기 마무리 문제 17 문서 객체 모델(DOM) __17-1 문서 객체 모델 알아보기 __17-2 DOM 요소에 접근하고 속성 가져오기 __17-3 DOM에서 이벤트 처리하기 __17-4 DOM에서 노드 추가ㆍ삭제하기 한눈에 정리하기 마무리 문제 [PDF 책] 최종 프로젝트 - 웹 사이트 만들기 찾아보기