본문내용 바로가기
MD의선택 무료배송

HTML5 CSS3 자바스크립트의 정석 HTML5 필수 API로 배우는 차세대 웹 프로그래밍

에이콘 웹 프로페셔널 시리즈 48
J. D. 고샤 지음 | 홍영표 옮김 | 에이콘출판 | 2012년 07월 23일 출간
  • 정가 : 30,000원
    판매가 : 27,000 [10%↓ 3,000원 할인]
  • 제휴할인가 : 20,250 교보-롯데카드 최대 25% 청구할인 카드/포인트 안내
  • 통합포인트 : 1,500 적립 [5% 적립]
  • 추가혜택 :
    naver네이버페이 결제 시 최대 2% 추가 적립 payco페이코 결제 시 5,000원 할인 + 1만원 적립 okcashbag 실 결제 금액의 0.5% 적립 안내
  • 배송비 : 무료 배송비 안내
  • 도착예정일 : 서울 종로구 종로1가 교보생명빌딩 기준 지역변경
    지금 주문하면 내일(29일,토) 도착 예정 도착 예정일 안내
  • 바로드림 : 인터넷으로 주문하고 영업점에서 직접 수령 안내
황금연휴 바로드림 1천원 e환권
닫기
  • 어린이 과학의달 이벤트
  • 4월 건강생활백서 2만원 이상 구매시 사은품 증정
  • 4월의 특별선물 리커버북백 증정
  • 4월 기대신작 원형파우치 증정
  • 월간 생활책방 4월호 그라데이션양장노트 증정
  • 이봄!즐겨봄떠나봄
  • 이벤트 도서 포함 25000원 이상 구매시 위 베어 베어스 크로스백 증정
상품상세정보
ISBN 9788960773233(8960773239)
쪽수 544쪽
크기 188 * 235 * 35 mm /1004g 판형알림
이 책의 원서 HTML5 for masterminds/Edlund, Laura

책소개

이 책이 속한 분야

HTML5의 개념과 실전 프로그래밍의 정석을 안내한 입문서!

HTML5 필수 API로 배우는 차세대 웹 프로그래밍『HTML5+CSS3+자바스크립트의 정석』. 필수 지식의 습득에서 HTML5 명세에 포함된 복잡한 주제의 마스터까지 단계별로 HTML5, CSS3, 자바스크립트를 활용한 웹 프로그래밍의 정도를 설명한 책이다. HTML5의 문서구조, CSS3 스타일과 프로퍼티, 자바스크립트에 대한 기본적인 설명을 시작으로 비디오와 오디오, 폼, 캔버스, 드래그앤드롭, 지오로케이션, 웹 스토리지, IndexedDB, 파일, 커뮤니케이션, 웹 워커, 히스토리, 오프라인과 같은 필수 API에 대해 실전 예제를 중심으로 총 16장에 걸쳐 단계별로 명쾌하게 풀어간다. 이 책을 읽고 나면 HTML5를 이용해 문서를 구조화하는 방법, CSS3를 이용해 스타일을 적용하는 방법, 가장 강력한 자바스크립트 API를 이용해 작업하는 방법을 알게 될 것이다.

이 책의 총서

총서 자세히 보기

저자소개

저자 : J. D. 고샤

저자 J.D. 고샤(J.D. Gauchat)는 프리랜서 웹 프로그래머이자 세계 시장에서 기회를 발굴하기 위해 최선을 다하는 기업가다. 지난 10년간 다수의 프로젝트에 참여했으며 HTML, CSS, PHP, 자바스크립트에 관한 기사를 기고했다. 현재는 최신 기술로 구현한 웹과 웹 애플리케이션 개발에 주력하고 있다.

역자 : 홍영표

역자 홍영표는 전자전기공학을 전공하다 컴퓨터 프로그램에 빠져 이 일을 평생 업으로 삼게 됐다. LG CNS에서 개발자와 아키텍트로 근무하면서 다양한 프로젝트 경험을 통해 IT에 눈을 뜨게 됐다. 지금은 한 금융회사 정보시스템부에서 근무하고 있다. 차세대시스템 구축 시 애플리케이션 아키텍트로서 시스템 성능과 튜닝을 담당했으며, 현재는 모바일 시스템 구축을 비롯해 신기술 연구개발(R&D)을 맡고 있다. 애플의 철학과 스티브 잡스의 카리스마를 좋아하며, 엔지니어를 넘어 아티스트가 되기 위해 고군분투 중이다. 옮긴 책으로는 『아이폰&아이패드 인 액션』(에이콘출판, 2011), 『Professional iPhone and iPad Database Application Programming 한국어판』(에이콘출판, 2012), 『스프링 인 액션(제3판)』(제이펍, 2012)이 있다.

목차

1장 HTML5 문서
___기본 구성
___구조
______독타입
______〈html〉
______〈head〉
______〈body〉
______〈meta〉
______〈title〉
______〈link〉
___바디 구조
______구성
______〈header〉
______〈nav〉
______〈section〉
______〈aside〉
______〈footer〉
___바디 내부
______〈article〉
______〈hgroup〉
______〈figure〉와 〈figcaption〉
___신/구 요소
______〈mark〉
______〈small〉
______〈cite〉
______〈address〉
______〈time〉
___定石: HTML5 문서

2장 CSS 스타일과 박스 모델
___CSS와 HTML
___스타일과 구조
______블록 요소
______박스 모델
___스타일에 대한 기본 사항
______인라인 스타일
______임베디드 스타일
______외부 파일
______참조
______키워드로 참조
______id 속성으로 참조
______클래스 속성으로 참조
______임의의 속성으로 참조
______유사 클래스로 참조
______새로운 선택자
___템플릿에 CSS 적용
___전통적인 박스 모델
______템플릿
______범용 선택자 *
______새로운 제목 계층구조
______새로운 HTML5 요소 선언
______바디 중앙 정렬
______메인 박스 생성
______헤더
______내비게이션바
______섹션과 사이드바
______푸터
______마무리 작업
______박스 크기
___유연한 박스 모델
___유연한 박스 모델 이해
______display
______box-orient
______box-direction
______box-ordinal-group
______box-pack
______box-flex
______box-align
___定石: CSS 스타일과 박스 모델
______유연한 박스 모델
______유사 클래스와 선택자

3장 CSS3 프로퍼티
___새로운 규칙
______CSS3가 미쳤어요!
______템플릿
______border-radius
______box-shadow
______text-shadow
______@font-face
______선형 그라디언트
______원형 그라디언트
______RGBA
______HSLA
______outline
______border-image
______변형과 전환
______transform: scale
______transform: rotate
______transform: skew
______transform: translate
______일괄 변형
______동적 변형
______전환
___定石: CSS3 프로퍼티

4장 자바스크립트
___자바스크립트의 연관성
___자바스크립트 통합
______인라인
______내장
______외부 파일
___새로운 선택자
______querySelector()
______querySelectorAll()
___이벤트 핸들러
______인라인 이벤트 핸들러
______프로퍼티로서의___ 이벤트 핸들러
______addEventListener() 메소드
___API
______캔버스 API
______드래그 앤드 드롭 API
______지오로케이션 API
______스토리지 API
______파일 API
______커뮤니케이션API
______웹 워커API
______히스토리API
______오프라인API
___외부 라이브러리
______제이쿼리
______구글 지도
___定石: 자바스크립트
______요소
______선택자
______이벤트
______API

5장 비디오와 오디오
___HTML5를 이용한 비디오 재생
______〈video〉 요소
______〈video〉 속성
___비디오 플레이어 제작
______디자인
______코드
______이벤트
______메소드
______프로퍼티
______코드 동작
___비디오 포맷
___HTML5를 이용한 오디오 재생
______〈audio〉 요소
___오디오 플레이어 프로그래밍
___定石: 비디오와 오디오
______요소
______속성
______비디오 속성
______이벤트
______메소드
______프로퍼티

6장 폼과 폼 API
___HTML5 웹 폼
______〈form〉 요소
______〈input〉 요소
______email 타입
______search 타입
______url 타입
______tel 타입
______number 타입
______range 타입
______date 타입
______week 타입
______month 타입
______time 타입
______datetime 타입
______datetime-local 타입
______color 타입
___새로운 속성
______placeholder 속성
______required 속성
______multiple 속성
______autofocus 속성
______pattern 속성
______form 속성
___새로운 폼 요소
______〈datalist〉 요소
______〈progress〉 요소
______〈meter〉 요소
______〈output〉 요소
___폼 API
______setCustomValidity()
______Invalid 이벤트
______실시간 유효성 검증
______유효성 제약조건
______willValidate
___定石: 폼과 폼 API
______타입
______속성
______요소
______메소드
______이벤트
______상태

7장 캔버스 API
___캔버스 준비
______〈canvas〉 요소
______getContext()
___캔버스에 그리기
______사각형 그리기
______색상
______그라디언트
______패스 생성
______선 스타일
______텍스트
______그림자
______변환
______상태 복구
______globalCompositeOperation
___이미지 처리
______drawImage()
______이미지 데이터
______패턴
___애니메이션
___비디오 처리
___定石: 캔버스 API
______메소드
______프로퍼티

8장 드래그 앤 드롭 API
___웹에서의 드래그 앤 드롭
______새로운 이벤트
______dataTransfer
______dragenter, dragleave, dragend
______유효한 소스 선택
______setDragImage()
______파일
___定石: 드래그 앤 드롭 API
______이벤트
______메소드
______프로퍼티

9장 지오로케이션 API
___위치 찾기
______getCurrentPosition(location)
______getCurrentPosition(location, error)
______getCurrentPosition(location, error, configuration)
______watchPosition(location, error, configuration)
______구글 지도 사용
___定石: 지오로케이션 API
______메소드
______객체

10장 웹 스토리지 API
___두 가지 스토리지 시스템
___sessionStorage
______데이터 스토리지 구현
______데이터 생성
______데이터 조회
______데이터 삭제
___localStorage
______스토리지 이벤트
______스토리지 공간
___定石: 웹 스토리지 API
______스토리지 형태
______메소드
______프로퍼티
______이벤트

11장 IndexedDB API
___로우레벨 API
______데이터베이스
______객체와 객체 저장소
______인덱스
______트랜잭션
______객체 저장소 메소드
___IndexedDB 구현
______템플릿
______데이터베이스 열기
______데이터베이스 버전
______객체 저장소와 인덱스
______객체 추가
______객체 조회
______코드 종료와 테스트
___데이터 목록
______커서
______순서 변경
___데이터 삭제
___데이터 검색
___定石: IndexedDB API
______환경 인터페이스(IDBEnvironment와 IDBFactory)
______데이터베이스 인터페이스(IDBDatabase)
______객체 저장소 인터페이스(IDBObjectStore)
______커서 인터페이스(IDBCursor)
______트랜잭션 인터페이스(IDBTransaction)
______범위 인터페이스(IDBKeyRangeConstructors)
______에러 인터페이스(IDBDatabaseException)

12장 파일 API
___파일 스토리지
___사용자의 파일 처리
______템플릿
______파일 읽기
______파일 프로퍼티
______블롭
______이벤트
___파일 생성
______템플릿
______하드 드라이브
______파일 생성
______디렉터리 생성
______파일 목록
______파일 처리
______이동
______복사
______삭제
___파일 콘텐츠
______콘텐츠 작성
______콘텐츠 추가
______콘텐츠 읽기
___실제 파일 시스템
___定石: 파일 API
______Blob 인터페이스(파일 API)
______File 인터페이스(파일 API)
______FileReader 인터페이스(파일 API)
______LocalFileSystem 인터페이스(파일 API: 디렉터리와 시스템)
______FileSystem 인터페이스(파일 API: 디렉터리와 시스템)
______Entry 인터페이스(파일 API: 디렉터리와 시스템)
______DirectoryEntry 인터페이스(파일 API: 디렉터리와 시스템)
______DirectoryRead___er 인터페이스(파일 API: 디렉터리와 시스템)
______FileEntry 인터페이스(파일 API: 디렉터리와 시스템)
______BlobBuilder 인터페이스(파일 API: 라이터)
______FileWriter 인터페이스(파일 API: 라이터)
______FileError 인터페이스(파일 API와 확장)

13장 커뮤니케이션 API
___에이잭스 레벨 2
______데이터 조회
______응답 프로퍼티
______이벤트
______데이터 전송
______크로스 근원 요청
______파일 업로드
______실제 애플리케이션
___크로스 도큐먼트 메시징
______생성자
______메시지 이벤트와 프로퍼티
______메시지 전송
______필터와 크로스 근원
___웹 소켓
______WS 서버 설정
______생성자
______메소드
______프로퍼티
______이벤트
______템플릿
______통신 시작
______전체 애플리케이션
___定石: 커뮤니케이션 API
______XMLHttpRequest 레벨 2
______웹 메시징 API
______웹소켓 API

14장 웹 워커 API
___고난이도 작업
______워커 생성
______메시지 송수신
______에러 검출
______워커 종료
______동기식 API
______스크립트 임포트
______공유 워커
___定石: 웹 워커 API
______워커
______전용 워커
______공유 워커

15장 히스토리 API
___히스토리 인터페이스
______웹 내비게이션
______새로운 메소드
______가짜 URL
______추적
______실전 예제
___定石: 히스토리 API

16장 오프라인 API
___캐시 매니페스트
______매니페스트 파일
______카테고리
______주석
______매니페스트 파일 사용
___오프라인 API
______에러
______온라인과 오프라인
______캐시 처리
______진행
______캐시 업데이트
___定石: 오프라인 API
______매니페스트 파일
______프로퍼티
______이벤트
______메소드

맺음말
___세계를 위한 작업
______대안
______모더나이저
______라이브러리
______구글 크롬 프레임
___클라우드를 위한 작업
___최종 권고

출판사 서평

HTML5, CSS3, 자바스크립트를 활용한 웹 프로그래밍의 정도(正道)를 설명하는 아주 좋은 참고서다. HTML5의 문서구조, CSS3 스타일과 프로퍼티, 자바스크립트에 대한 기본적인 설명을 시작으로 비디오와 오디오, 폼, 캔버스, 드래그앤드롭, 지오로케이션, 웹 스토리지, IndexedDB, 파일, 커뮤니케이션, 웹 워커, 히스토리, 오프라인과 같은 필수 API에 대해 실전 예제를 중심으로 총 16장에 걸쳐 단계별로 명쾌하게 풀어간다. 이 책으로 HTML5의 개념과 실전 프로그래밍의 정석을 함께 확인해보자.

우리는 혁명에 ... 더보기

북로그 리뷰 (1) 전체보기 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트 적립은 작성 후 다음 날 혹은 해당 도서 배송 출발 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 하지만 막상 서점에 가보면 관련기술 종사자가 아닌 이상 특정 기능에 국한된 스크립트 소개 정도가 전부이거나 뜬구름 잡는 듯한 HTML5의 개념을 소개해 놓아 감이 잡히지 않아 답답한 마음이 들었습니다.    숲속에서 나무만 보고 길을 찾는 사람에게 지도를 넌지시 건네주듯이 이책은 HTML5로 불리는 여러 기능을 소개하는 동시에 웹이 어떠한 길을 걸어왔으며 어떻게 발전했는지 알려주고, 그렇게 발전된 기능 중 어떤 부분이 모여 HTML5를 이루는지 이해하기 쉽게 설명합니다.   이런 ... 더보기

Klover 평점/리뷰 (0)

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 분야의 베스트

더보기+

이 분야의 신간

  • 정일영
    32,400원
  • 타리크 라시드
    22,500원
  • 닉 보스트롬
    22,500원
  • 우종필
    14,220원
  • 이남호
    22,410원
더보기+

바로가기

  • 우측 확장형 배너 2

최근 본 상품