메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한 번에 배우는 HTML5+자바스크립트

한빛미디어

번역서

판매중

  • 저자 : 지닌 마이어
  • 번역 : 김지원
  • 출간 : 2011-05-22
  • 페이지 : 380 쪽
  • ISBN : 9788979148268
  • 물류코드 :1826
  • 초급 초중급 중급 중고급 고급
1 2 3 4 5
4.5점 (2명)
좋아요 : 42

책소개

간단한 게임을 만들면서 HTML5와 자바스크립트를 배우고 단계별로 코드에 살을 붙여가며 응용력을 높인다.

프로그램은 어렵다는 선입견을 버리자
대학에서 다년간 학생을 가르친 저자가 학생들에게 즐겁게 프로그램을 배울 수 있도록 가르친 노하우를 녹여낸 책이다. 누구나 즐길 수 있는 간단한 웹 게임으로 프로그램에 관심을 갖고 쉽게 접근할 수 있다.

단계별 코드로 응용력을 높이자
처음부터 전체 코드를 보는 것이 아닌 간단한 코드를 가지고 복잡한 코드까지 서서히 늘려가면서 부담을 줄이고 이해를 높일 수 있다. 전체에서 반복적으로 코드를 설명해서 복습시킨다.

어떤 독자를 위한 책인가?
  • HTML5와 자바스크립트를 배우려는 초보자
  • 동적 웹사이트 프로그램을 배우려는 초보자
  • 동적 웹사이트의 원리가 궁금한 웹 디자이너나 사이트 운영자
저자 서문

예전부터 HTML5의 새 기능에 대한 상당한 열망이 있었고 다른 기술을 전혀 사용하지 않고도 역동적이고 멋진 대화형 웹사이트를 제작할 수 있는 가능성이 있었습니다. HTML5의 새 기능은 어쩌면 좀 과장일 수도 있지만, 관심을 끌만한 것임은 분명합니다. 이제는 HTML5, CSS, 자바스크립트만 가지고 화면에 직선, 호, 원, 타원을 그리거나 이벤트와 이벤트 처리를 지정하여 애니메이션을 구현하고 사용자 행동에 반응하게 할 수 있습니다. 자신의 웹사이트에 표준 컨트롤로 동영상이나 사운드를 삽입할 수 있고, 프로그램의 원하는 부분에 정확히 동영상이나 사운드를 배치할 수 있습니다. 입력 내용이 올바른지 검사해서 사용자에게 즉각적인 피드백을 주는 폼을 생성할 수도 있습니다. 쿠키와 비슷한 기능을 이용하여 사용자의 컴퓨터에 정보를 저장할 수 있으며, header나 footer 같은 새 요소를 사용해서 문서 구조를 명확하게 작성할 수 있습니다.
이 책은 필자의 강의 경험과 이제까지 집필해온 자료를 토대로 만들었습니다. 기술의 기능이나 프로그래밍 개념 등은 필요성을 느껴야만 빨리 배울 수 있습니다. 그러므로 이 책의 각 장을 많이 알려진 간단한 게임을 골라서 따라 해볼 수 있게 실습 예제로 구성했습니다. 이런 흥미롭고 실질적인 예제로 독자는 필요성과 동기를 느끼고 지루한 설명보다 효과적으로 많은 것을 쉽게 이해할 수 있습니다. 새 프로그래밍 언어를 배울 때 필자는 제일 먼저 크랩스 게임부터 프로그래밍해봅니다. 슬링샷 게임 같은 애니메이션을 이용한 탄도 시뮬레이션을 제작하고 특정 상황이 발생했을 때 동영상이나 사운드 클립이 재생되게 할 수 있다면 스스로 큰 만족감을 얻을 수 있기 때문입니다. 직접 미로 벽과 행맨의 단두대를 그리고, 컴퓨터에 게임 정보를 저장하고 나면 굉장히 기쁠 것입니다.

저자소개

지닌 마이어 저자

지닌 마이어

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

김지원

여가 시간에는 플래시 아이템 제작, 컴퓨터 음악 작곡 등을 하며, 때로는 구성이 잘 된 웹디자이너들의 사이트를 탐색하면서 아이디어를 구상하기도 한다. 뜨거운 감자인 웹 표준에 관해서도 큰 관심을 갖고 있으며, 이와 관련해서 유용한 보충 자료를 수집해 블로그를 통해 제공할 예정이다. 최근 우리말 번역에 있어서 기술 용어의 일관성에 대해 고민하고 있다. 건국대학교 신소재공학과를 졸업한 후, 기술문서, 매뉴얼 등을 위주로 번역해왔으며 유비쿼터스 IT 관련 논문들의 번역 작업에 참여했다. 2004년부터 현재까지 정보기술, 건축, 화학, 디자인, 사운드 등의 분야에서 프리랜서 번역가로 활동 중이다.

목차

옮긴이의 말_ 김지원 
저자 서문_ 지닌 마이어 
저자 소개 
대상 독자 
책의 구성 
소스 코드 규칙 
감사의 글
 
1장 기초 학습 
1-1 소개 
1-2 사전 준비 
1-3 HTML5, CSS, 자바스크립트의 기능 
HTML의 기본 구조와 태그 
자바스크립트 사용법 
1-4 프로그램 구현과 응용 
1-5 검사해서 올리기 
1-6 1장을 한 눈에
 
2장 주사위 게임 
2-1 소개 
2-2 사전 준비 
2-3 HTML5, CSS, 자바스크립트의 기능 
의사 난수 처리와 수식 
변수와 대입문
사용자 정의 함수 
조건문 i f와 switch 
캔버스에 그리기 
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, 자바스크립트의 기능 
배열과 사용자 정의 객체 
그림의 회전과 평행이동
선분 그리기 
새총을 당길 때의 마우스 이벤트 
표시 항목 변경을 위해 배열의 splice 함수 사용 
점 간의 거리 
4-4 프로그램 구현과 응용 
캐논볼: 대포, 각도, 속도 
슬링샷: 마우스 이벤트 값을 비행 매개변수에 할당 
4-5 검사해서 올리기 
4-6 4장을 한 눈에
 
5장 짝맞추기 게임
5-1 소개
5-2 사전 준비
5-3 HTML5, CSS, 자바스크립트의 기능
카드 보여주기
Date를 이용한 시간 측정
일시 정지 효과 넣기
글자 그리기
다각형 그리기
카드 섞기
카드 클릭 기능 구현
부정행위 방지
5-4 프로그램 구현과 응용
5-5 검사해서 올리기
5-6 5장을 한 눈에
 
6장 퀴즈
6-1 소개
6-2 사전 준비
6-3 HTML5, CSS, 자바스크립트의 기능
배열에 정보 저장하기와 가져오기
프로그램 실행 중에 동적으로 HTML 생성하기
자바스크립트 코드로 CSS를 수정해서 요소 변화시키기
form과 input 요소로 글자 피드백 구현
동영상 보여주기
6-4 프로그램 구현과 응용
6-5 검사해서 올리기
6-6 6장을 한 눈에
 
7장 미로
7-1 소개
7-2 사전 준비
7-3 HTML5, CSS, 자바스크립트의 기능
벽과 토큰 표시
벽을 그리고 배치하는 마우스 이벤트
화살표 키 감지
토큰과 벽의 충돌 감지
로컬 저장소 이용
로컬 저장소에 저장할 데이터 인코딩
라디오 버튼
7-4 프로그램 구현과 응용
미로 2탄 제작
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, 자바스크립트의 기능
단어 목록을 외부 스크립트 파일에 정의된 배열로 저장
HTML 요소를 생성하고 배치한 후 버튼처럼 만들고 불용화하기
캔버스에 단계적으로 그림을 생성
게임 상태 유지와 승패 판단
알아맞힌 알파벳을 검사하고 textContent를 할당해서 문제 단어의 알파벳 공개하기
9-4 프로그램 구현과 응용
9-5 검사해서 올리기
9-6 9장을 한 눈에 
 
10장 블랙잭
10-1 소개
10-2 사전 준비
10-3 HTML5, CSS, 자바스크립트의 기능
카드 앞면 그림의 출처, Image 객체 설정
카드 사용자 정의 객체 생성
패 돌리기
카드 섞기
키 눌림 감지
header와 footer 요소
10-4 프로그램 구현과 응용
10-5 검사해서 올리기
10-6 10장을 한 눈에
 
부록 사례로 보는 HTML5 게임
1 Pacman
2 Pirates Love Daisies
3 VIRION
4 Biolab Disaster
5 Robot Are People Too
6 Mo-Jump
7 jQuery Racing
8 벽돌깨기
9 Touch Solita
10 Etchaphysics
11 Quake 2
12 요약
Index

독자리뷰

오탈자 보기

부록/예제소스

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원 무료배송
닫기

리뷰쓰기

닫기
* 상품명 :
한 번에 배우는 HTML5+자바스크립트
* 제목 :
* 별점평가
1 2 3 4 5
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
한 번에 배우는 HTML5+자바스크립트
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
한 번에 배우는 HTML5+자바스크립트
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?