검색

책 네비게이션

책 카테고리


책본문

종류 : 종이책

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

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

미리보기 YES24
저자
지닌 마이어 지음
역자
김지원 옮김 역자평점 7.8
출판사
한빛미디어 | 2011.04.30
형태
판형 B5 | 페이지 수 380 | ISBN
원제 : (The)essential guide to HTML5: using games to learn HTML5 and JavaScri
ISBN 10-8979148267
ISBN 13-9788979148268
정가
28,00022,400
가격비교 찜하기

인터넷서점 (총 8건) 더보기

이 책은 어때요? 0명 참여

평점 : 0 . 0

번역

번역Bad 1 2 3 4 5 6 7 8 9 10 번역Good

필독

비추 1 2 3 4 5 6 7 8 9 10 필독

이 책을 언급한 곳

리뷰 0 | 서평 0 | 블로그 8

책 정보 별 바로가기 : 책정보  리뷰 (8) 가격비교 (8) 추가정보  책꼬리 (0) 한줄댓글 (0) 맨위로

정보 제공 : 교보문고 YES24 인터파크도서 북코아 반디앤루니스

책소개

이 책의 특징과 장점

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

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

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

어떤 독자를 위한 책인가?

- HTML5와 자바스크립트를 배우려는 초보자
- 동적 웹사이트 프로그램을 배우려는 초보자
- 동적 웹사이트의 원리가 궁금한 웹 디자이너나 사이트 운영자

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

저자소개

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

역자 : 김지원
역자 김지원은 웹 기술 및 다양한 분야에 두루 관심을 가지며 늘 용어 선정에 고심한다. 기술 문서, 매뉴얼, IT 관련 논문을 번역 한 바 있고 해외 논문 DB 작업에도 참여했다. 역서로는 『CSS 비밀 매뉴얼』(한빛미디어, 2007), 『시스템 관리자를 위한 시간관리 전략』(한빛미디어, 2007), 『Programming Flex 3』(ITC, 2009), 『한 권으로 끝내는 정규표현식』(한빛 미디어, 2010), 『웹 표준 가이드: HTML5+CSS3』(한빛미디어, 2010) 등이 있다.

목차

옮긴이의 말_ 김지원
저자 서문_ 지닌 마이어
저자 소개
대상 독자
책의 구성
소스 코드 규칙
감사의 글

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

책 정보 별 바로가기 : 책정보  리뷰 (8) 가격비교 (8) 추가정보  책꼬리 (0) 한줄댓글 (0) 맨위로

리뷰

독자리뷰(총 8건)

리뷰쓰기

책 정보 별 바로가기 : 책정보  리뷰 (8) 가격비교 (8) 추가정보  책꼬리 (0) 한줄댓글 (0) 맨위로

가격비교 - 인터넷서점 22,400

가격비교
서점 판매가 → 할인가(할인율) 판매가 할인가란? 적립금(적립률) 구매정보
도서11번가 바로가기 28,000원22,400원(-20%) 224원(1%) 구매하기 무료배송 [T멤버십50%할인/최대1만원,신간도서] 3만원 이상 구매시 1,000포인트 추가 적립
YES24 바로가기 28,000원23,800원(-15%) 720원(3%) 구매하기 무료배송 대한민국1등인터넷서점 최고50%할인+최저가보상+2천원적립
인터파크 바로가기 28,000원24,080원(-14%) 0원(0%) 구매하기 무료배송 대한민국1등인터넷서점! 전국당일배송, 최저가200%보상, 쿠폰할인+2천원추가적립
영풍문고 바로가기 28,000원24,920원(-11%) 2,492원(10%) 구매하기 무료배송 빠른책 신간무료배송, 회원가입시1천원지급, 최고55%할인, 주문1시간후매장수령(빠른책)
교보문고 바로가기 28,000원25,200원(-10%) 2,520원(10%) 구매하기 무료배송 바로드림 최고 71%할인, 최저가 보상, 바로드림/바로배송
알라딘 바로가기 28,000원25,200원(-10%) 2,520원(10%) 구매하기 무료배송 최고 50% 할인, 2천원 추가 적립 서울/경기 당일배송
반디앤루니스 바로가기 28,000원25,200원(-10%) 2,520원(10%) 구매하기 무료배송 북셀프 단 한권만 사도 무료배송, 당일배송, 매장픽업 북셀프 서비스, 2천원 추가적립, 최저가 보상
강컴 바로가기 28,000원25,200원(-10%) 2,520원(10%) 구매하기 무료배송 국내/해외도서 최다보유!
단골 인터넷 서점 등록

책 정보 별 바로가기 : 책정보  리뷰 (8) 가격비교 (8) 추가정보  책꼬리 (0) 한줄댓글 (0) 맨위로

추가 정보

상세이미지

상세이미지

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

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

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

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

어떤 독자를 위한 책인가?

- HTML5와 자바스크립트를 배우려는 초보자
- 동적 웹사이트 프로그램을 배우려는 초보자
- 동적 웹사이트의 원리가 궁금한 웹 디자이너나 사이트 운영자

저자 서문

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

책 정보 별 바로가기 : 책정보  리뷰 (8) 가격비교 (8) 추가정보  책꼬리 (0) 한줄댓글 (0) 맨위로

책꼬리

책꼬리란? 함께 읽으면 좋은 책이거나, 연관된 책끼리 꼬리를 달아주는 것입니다. 'HTML5 자바스크립트'와 연관된 책이 있다면 책꼬리를 등록해 보세요

책 정보 별 바로가기 : 책정보  리뷰 (8) 가격비교 (8) 추가정보  책꼬리 (0) 한줄댓글 (0) 맨위로

한줄댓글

책속 한 구절

동시등록하기 0/200bytes

퀵메뉴

TOP