프로젝트로 배우는 HTML5 + 자바스크립트

책 이미지

eBook 미리보기

책 정보

· 제목 : 프로젝트로 배우는 HTML5 + 자바스크립트 (비디오, 오디오, 구글 앱, 지오로케이션, 웹 저장소, PHP, MySQL 등을 활용한 프로젝트)
· 분류 : 국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > 웹기획
· ISBN : 9788979149241
· 쪽수 : 428쪽
· 출판일 : 2012-06-01

책 소개

지오로케이션, 웹 저장소, PHP, MySQL 등을 활용해서 웹사이트, 웹 애플리케이션을 제작할 수 있도록 구성한 책. HTML5를 토대로 하여 각 장에서 다루는 프로젝트에 필요한 자바스크립트 기술도 함께 설명한다. 수록된 각 장은 캔버스, 비디오, 지오로케이션, 데이터베이스 질의 등 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장을 한눈에

저자소개

지닌 마이어 (지은이) 정보 더보기

뉴욕-퍼치스 주립 대학의 정교수로, 수학, 컴퓨터 과학, 뉴미디어 전공을 강의하며, 인문학 전공 학생을 대상으로 수학을 강의한다. 지닌의 대학 활동은 웹사이트를 보면 자세히 알 수 있다. 강단에 서기 전에 IBM 연구소에서 연구원 겸 팀장으로서 로봇 공학과 제조 연구를 담당했으며, 이후 IBM의 장학 지원 프로그램의 상담사로 근무했다. (지닌 마이어의 홈페이지: http://faculty.purchase.edu/jeanine.meyer)

펼치기

지닌 마이어의 다른 책 >

김지원 (옮긴이) 정보 더보기

웹 기술뿐 아니라 온갖 분야에 발을 뻗고 싶어하는 바람기를 지녔지만 역부족이다. 배워야 할 것이 갈수록 늘어나 시간의 결핍을 느낀다. 기술 문서, 매뉴얼, 유비쿼터스 관련 논문을 번역한 바 있고 해외 논문 DB 구축에 필요한 관련 작업에도 참여했다. 『한 권으로 끝내는 정규표현식』(한빛미디어, 2010), 『웹 표준 가이드: HTML5+CSS3』(한빛미디어, 2010), 『프로젝트로 배우는 HTML5+자바스크립트』(한빛미디어, 2012), 『리팩토링』(한빛미디어, 2012), 『엘리멘틀 디자인 패턴』(한빛미디어, 2013) 등을 번역했다.

펼치기

김지원의 다른 책 >

앤드류 잭 (감수) 정보 더보기

검색 엔진 최적화(SEO)와 인터넷 마케팅 기법 전문 기업 ZTMC의 CEO입니다(http://ztmc.com). 앤드류의 이러한 기업 프로젝트는 약 20년간의 사이트 개발 및 프로젝트 관리 경험과 15년 이상의 SEO 및 인터넷 마케팅 전문가 경력을 바탕으로 한 것입니다. 앤드류는 실용서 저술 활동도 활발해서 『Flash 5 Studio』(영진닷컴, 2001)를 공동 집필했으며 10여권의 책과 출판물의 기술 감수를 맡았습니다.

펼치기