프로젝트로 배우는『HTML5 자바스크립트』. 이 책은 프로그래밍 지식이 어느 정도 있으면서 여러 기본 기능을 결합하고 자바스크립트와 다른 기술을 연동하여 좀 더 실속있는 프로그램을 제작하고자 하는 개발자를 위해 기획된 책이다. 다른 프로그래머와 협업하는 독자들은 이 책에서 아이디어를 얻어 어떠한 기능이나 프로그램을 구현할 수 있는지에 대해 알 수 있다.

 __옮긴이의 글_ 김지원
__지은이의 글_ 지닌 마이어
____지은이 소개
____감사의 글
____책의 구성
____대상 독자
____소스 코드 색상 규칙

1장 HTML5 로고 제작
__1-1 소개
__1-2 사전 준비
__1-3 HTML5, CSS, 자바스크립트의 기능
____캔버스에 패스 그리기
____캔버스와 문서 바디에 글 배치하기
____좌표 변환하기
____range 타입의 input 요소 사용법
__1-4 구현과 응용
__1-5 검사해서 올리기
__1-6 1장을 한눈에

2장 가족사진 콜라주
__2-1 소개
__2-2 사전 준비
__2-3 HTML5, CSS, 자바스크립트의 기능
____자바스크립트 객체
____사용자 인터페이스
____캔버스를 이미지로 저장
__2-4 구현과 응용
__2-5 검사해서 올리기
__2-6 2장을 한눈에

3장 움직이는 비디오 클립
__3-1 소개
__3-2 사전 준비
__3-3 HTML5, CSS, 자바스크립트의 기능
____바디 사이즈와 윈도우 사이즈
____애니메이션
____애니메이션을 구현하는 두 가지 방법
____마스크 이동하기
__3-4 구현과 응용
____자신의 프로그램에 응용하기
__3-5 검사해서 올리기
__3-6 3장을 한눈에

4장 맵 메이커
__4-1 소개
__4-2 위도/경도와 사전 준비
__4-3 HTML5, CSS, 자바스크립트의 기능
____구글 맵 API
 ____캔버스 그림
____커서
____이벤트
____거리를 계산하고 반올림해서 표시하기
__4-4 구현과 응용
__4-5 검사해서 올리기
__4-6 4장을 한눈에

5장 맵 포털
__5-1 소개
__5-2 사전 준비
__5-3 HTML5, CSS, 자바스크립트의 기능
____구글 맵 API를 이용한 맵 접근과 이벤트 처리
____프로젝트 요약
____비디오, 오디오, 이미지의 표시와 제거
____거리와 허용 오차
____정규표현식
____외부 스크립트 파일
____HTML5 마크업을 동적으로 생성하고 위치 지정
____힌트 버튼
____뒤섞기
__5-4 구현과 응용
____Mapvideos 프로그램
____Mapmediabase 프로그램
____퀴즈 프로그램
__5-5 검사해서 올리기
__5-6 5장을 한눈에

6장 나의 현재 위치 파악
__6-1 소개
__6-2 지오로케이션과 사전 준비
__6-3 HTML5, CSS, 자바스크립트, PHP의 기능
____지오로케이션
____리버스 지오코딩
____맵 클릭 기능
____입력 받은 이메일 주소를 검사하고 PHP를 호출해서 이메일 전송
____PHP 언어의 기초
__6-4 구현과 응용
__6-5 검사해서 올리기
__6-6 6장을 한눈에

7장 종이접기 강좌
__7-1 소개
__7-2 사전 준비
__7-3 HTML5, CSS, 자바스크립트의 기능과 계산법
____전체 단계의 메커니즘
____좌푯값
____화면 표시 유틸리티 함수
____계산 유틸리티 함수
____단계 선 그리기 함수
____사진 표시하기
____비디오 표시와 제거
__7-4 구현과 응용
__7-5 검사해서 올리기
__7-6 7장을 한눈에

8장 직소 퍼즐
__8-1 소개
__8-2 사전 준비
__8-3 HTML5, CSS, 자바스크립트의 기능과 프로그래밍 기법
____조각의 이미지와 데이터 가져오기
____동적으로 생성된 요소
____직소 퍼즐 설정하기
____마우스 이벤트와 터치 이벤트 처리하기
____퍼즐 완성 여부 감지하기
____비디오의 준비, 배치, 재생과 보이기, 숨기기
__8-4 구현과 응용
__8-5 검사해서 올리기
__8-6 8장을 한눈에

9장 지도 퍼즐 게임
__9-1 소개
__9-2 사전 준비
__9-3 HTML5, CSS, 자바스크립트의 기능과 이미지 처리
____조각 이미지 파일 가져오기와 오프셋 구하기
____요소를 동적으로 생성
____전체 사용자 인터페이스
____플레이어가 주를 클릭하게 하는 사용자 인터페이스
____플레이어에게 주 이름을 입력 받는 사용자 인터페이스
____조각 흩뜨리기
____그림 맞추기 퍼즐 설정하기
____그림 맞추기 상태 저장과 재현, 최초 맵 복원
__9-4 구현과 응용
__9-5 검사해서 올리기
__9-6 9장을 한눈에

10장 웹사이트 데이터베이스
__10-1 소개
__10-2 사전 준비
__10-3 SQL, PHP, HTML5, 자바스크립트의 기능
____관계형 데이터베이스
____SQL
 ____로컬 저장소
____해시 함수
____입력 내용 유효성 검사 코드의 클라이언트 측과 서버 측
____미들웨어 PHP
 __10-4 구현과 응용
__10-5 검사해서 올리기
__10-6 10장을 한눈에