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

책 이미지

eBook 미리보기

책 정보

· 제목 : 한 번에 배우는 HTML5 + 자바스크립트
· 분류 : 국내도서 > 컴퓨터/모바일 > 웹디자인/홈페이지 > HTML/JavaScript
· ISBN : 9788979148268
· 쪽수 : 380쪽
· 출판일 : 2011-04-30

책 소개

저자의 강의 경험과 이제까지 집필해온 자료를 토대로 만든 책으로, 많이 알려진 간단한 게임을 골라서 따라 해볼 수 있게 실습 예제로 구성했다. 흥미롭고 실질적인 예제로 필요성과 동기를 느끼고 지루한 설명보다 효과적으로 많은 것을 쉽게 이해할 수 있도록 하였다.

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

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

저자소개

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

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

펼치기

지닌 마이어의 다른 책 >

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

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

펼치기

김지원의 다른 책 >

셰리던 커얼 (감수) 정보 더보기

Y2K 밀레니엄 버그 연구팀에서 근무했던 1997년부터 웹 개발과 디자인 업무를 했다. 그때부터 인터넷도 공부했으며 바로 미디어에 심취했다. 2000년대 초부터 Weight Watchers Australia나 http://Quicken..com.au 같은 웹사이트 디자인과 개발을 맡아 작업했으며 호주 Yahoo!7의 서비스 기획 과장으로서 도요타, 20세기폭스, 포드 같은 거래처를 상대로 일했다. 현재는 호주에서 광고 에이전시의 디지털 팀장으로 근무한다.

펼치기