한 권으로 배우는 표준 HTML5 웹 프로그래밍!
웹 프로그래밍을 처음 배우는 독자를 위한 입문서로 HTML5, CSS3, 자바스크립트, jQuery까지 한 권으로 기본기를 다질 수 있다. 최신 웹 표준에 맞게 배울 수 있도록 웹에 대한 기본 이해부터 프로젝트 완성까지 단계적으로 담아냈다. 예제는 단편적인 기능 익히기에 그치지 않고 실제 개발에 응용할 수 있도록 기본 예제 → 응용 예제 → 종합 예제(블로그 제작)의 점차 발전되는 형태로 구성했다. 프로젝트에서는 핀터레스트 스타일(타일형)의 감각적인 웹 페이지를 제작해본다. 개정판에서는 jQuery 최신 버전을 반영했으며, 반응형 웹에 대한 내용도 다룬다. 그리고 간단한 모바일 페이지도 제작해본다.
상세이미지
저자 소개
저자 윤인성은 출근하는 게 싫어서 책을 집필하기 시작했다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하는 성격이기도 하다. 홍차와 커피를 좋아하며 기타, 가야금, 그림 그리기, 스컬핑 등이 취미이다.
저서로는 『IT CookBook, 자바스크립트 프로그래밍 입문』, 『IT CookBook, C# 프로그래밍』, 『IT CookBook, HTML5 웹 프로그래밍』, 『모던 웹을 위한 JavaScript+jQuery 입문』, 『모던 웹을 위한 Node.js 프로그래밍』, 『모던 웹 디자인을 위한 HTML5+CSS3 입문』 등이 있으며, 역서로는 『TopCoder 알고리즘 트레이닝』, 『자바 퍼즐러』, 『소셜 코딩으로 이끄는 GitHub 실천 기술』, 『Nature of Code』 등이 있다.
목 차
목차
Part 1 웹 프로그래밍 첫걸음
Chapter 01 웹 개요와 실습 환경 구축
인터넷과 웹 소개
웹의 동작 원리
보조 웹 표준 기술 소개
HTML5 주요 기능 소개
실습 환경 구축
Chapter 02 HTML5 기본 구조와 작성법
HTML5 기본 용어 정리
HTML5 페이지 기본 주고
HTML5 페이지 기본 작성법
CSS3의 종류와 기본 작성법
자바스크립트의 종류와 기본 작성법
요소 검사를 이용한 에러 확인
Part 2 HTML5 태그
Chapter 03 HTML5 기본 태그
글자 태그
목록 태그
테이블 태그
이미지 태그
공간 분할 태그
Chapter 04 HTML5 멀티미디어 태그와 입력 양식 태그
오디오 태그
비디오 태그
입력 양식 태그
종합 예제1 _ 블로그의 레이아웃 구성
Part 3 CSS3 스타일
Chapter 05 CSS3 선택자
선택자 개요
기본 선택자
속성 선택자
후손 선택자와 자손 선택자
반응/상태/구조 선택자
Chapter 06 CSS3 속성
CSS3 단위
박스 속성
display 속성
배경 속성
글자 속성
위치 속성
float 속성
그림자 속성
그레이디언트
Chapter 07 CSS3 응용과 레이아웃
응용 예제 7-1 수평 정렬
응용 예제 7-2 중앙 정렬 레이아웃 구성
응용 예제 7-3 One True 레이아웃 구성
응용 예제 7-4 절대 위치를 사용해 요소 배치
응용 예제 7-5 절대 위치를 사용한 요소를 중앙에 배치
응용 예제 7-6 고정 위치를 사용해 바 생성
응용 예제 7-7 글자 생략
Chapter 08 반응형 웹
반응형 웹 소개
meta 태그와 viewport meta 태그
@media 규칙과 media 속성
미디어 타입으로 사용자 장치 구분
미디어 특징으로 사용자 화면 구분
반응형 웹 패턴
종합 예제2 _ 블로그에 스타일시트 적용
Part 4 자바스크립트와 jQuery 라이브러리
Chapter 09 자바스크립트 기본
자바스크립트 기본 용어
자바스크립트 출력
자료형
변수
조건문
반복문
함수
객체
Chapter 10 문서 객체 모델
문서 객체 모델 관련 용어
웹 페이지 생성 순서
문서 객체 선택
문서 객체 조작
이벤트
Chapter 11 jQuery 라이브러리
jQuery 라이브러리 설정
문서 객체 선택
문서 객체 조작
이벤트
효과
Chapter 12 자바스크립트와 jQuery 라이브러리 응용
응용 예제 12-1 입력 양식 자동 초점 설정
응용 예제 12-2 프레임 애니메이션 만들기
응용 예제 12-3 문서 객체 생성
응용 예제 12-4 무한 스크롤 기능 구현
응용 예제 12-5 LightBox 플러그인 사용
응용 예제 12-6 Masonry 플러그인 사용
응용 예제 12-7 jQuery 라이브러리로 갤러리 구현
종합 예제3 _ 블로그에 자바스크립트 적용
Part 5 프로젝트
Chapter 13 프로젝트 ? 모바일 페이지 제작
미리 알아볼 내용
기본 레이아웃 구성
스타일시트 적용
Chapter 14 프로젝트 ? 핀터레스트 스타일의 웹 페이지 제작
반응형 웹
기본 레이아웃 구성
스타일시트 적용
자바스크립트
출판사 서평
출판사 서평
도서 장점
웹 프로그래밍을 처음 시작하는 이들을 위한 친절한 안내서
1.HTML5, CSS3, 자바스크립트, jQuery까지 한 권으로 기본기를 다질 수 있다.
2.웹에 대한 기본 이해부터 프로젝트 완성까지 단계적으로 담아냈다.
3.기본 예제, 응용 예제, 종합 예제(블로그 제작) 등 다양한 실습을 통해 웹 프로그래밍을 익힌다.
4.개정판에는 최신 기술 흐름을 반영하고, 반응형 웹 관련 내용과 프로젝트를 하나 더 추가했다.
