에이콘 웹프로페셔널 시리즈. 이 책은 점진적 기능 향상으로 시작해 기본적인 자바스크립트 코드 작성법, 관련 웹 개발 기법 등 다양한 주제가 한데 어우러져 있다. 따라서 자바스크립트뿐 아니라 웹 개발에 관심이 있는 개발자나 디자이너가 자바스크립트를 체계적으로 시작하고 가장 현대적인 코드 작성법을 배우는 데 적합하다. 아울러 프론트엔드 개발이라는 큰 그림을 놓치지 않고 그 안에서 자바스크립트를 적절히 활용하는 데 주안점을 두고 있기에 기존의 자바스크립트 프로그래머들도 배울 만한 내용이 많을 책이다.<BR> <BR> 이 책은 자바스크립트에 관해 알고 싶은 초보 웹 디자이너나 개발자를 위한 책이다. 이 책을 읽기 전에 HTML과 CSS에 관해 알고 있어야 하며, 점진적 기능 향상(progressive enhancement)의 개념에 친숙해야 한다. 이 책은 완전 초보를 비롯해 자바스크립트에 관한 지식을 넓히고자 하는 숙련된 웹 베테랑에게도 똑같이 도움될 수 있다.

1장 점진적 기능 향상
__점진적 기능 향상의 정의
____역사
____목적
____접근성
____재사용성
____점진적 기능 향상 대 단계적 기능 축소
__구조 계층
____HTML5에 의미 더하기
__표현 계층
____인라인 CSS
____스타일시트 연결
__행위 계층
____인라인 자바스크립트
____내장 자바스크립트
____외부 및 분리형 자바스크립트
__점진적 기능 향상의 혜택
____성능
____미래를 위한 대비
____터치 인터페이스
__점진적 기능 향상에 관한 마지막 조언
__정리
__연습문제

2장 브라우저에서의 자바스크립트
__자바스크립트의 민중사
____기원
____점진적 기능 향상
____행위 계층
____오늘을 지나서
__브라우저와 자바스크립트의 상호작용
____HTTP 요청
____자바스크립트와 렌더링 엔진
__자바스크립트가 할 수 있는 일
____HTML 변경
____서버와의 통신
____데이터 저장
__자바스크립트를 사용하는 법
____사용자 경험 개선
____책임감 있게 자바스크립트 사용
____실패 처리 기법 작성
__자바스크립트를 사용하는 데 도움되는 도구
____언어에 내장된 도구
____브라우저에 내장된 도구
__정리
__연습문제

3장 자바스크립트 용어
__기초
____문서 객체 모델
____부모
____자식
____형제
____변수
____문자열
____주석
____연산자
____use strict
__저장소
____캐시
____배열
____쿠키
____자바스크립트 객체 표기법
____객체
__상호작용 생성
____반복문
__조건문
____switch 문
____함수
____익명 함수
____콜백 함수
____메소드
____이벤트
____Ajax
__정리
__연습문제

4장 DOM 접근
__DOM이란 무엇인가?
__DOM 트리
____엘리먼트 노드
____텍스트 노드
____속성 노드
__엘리먼트 노드 사용
____ID를 이용한 엘리먼트 선택
____태그 이름을 이용한 엘리먼트 선택
____클래스를 이용한 엘리먼트 선택
____자바스크립트에서 CSS 선택자를 이용한 노드 선택
__속성 노드 사용
____속성 구하기
____속성 설정
____속성 제거
__텍스트 노드 다루기와 콘텐츠 변경
__DOM 탐색
____첫 번째 자식과 마지막 자식에 접근
____DOM에서 동적으로 노드를 추가하거나 제거
____DOM에 엘리먼트 추가
____DOM에서 엘리먼트 제거
__정리
__연습문제

5장 자바스크립트에서의 데이터 저장
__변수
____문자열
____숫자
____불린
____변수의 성능
__배열
____기본 배열
____연관 배열
____다차원 배열
____배열에 데이터 넣기
____배열 메소드 사용
__join
__slice
__shift와 unshift
__러닝
__pop
__concat
__sort
__객체
____객체의 성능
__JSON
____JSON 사용의 이점
____API 사용
__HTML5의 웹 스토리지
____localStorage와 sessionStorage
__setItem
__getItem
__removeItem
____JSON을 이용한 데이터 덩어리 저장
____책임감 있는 웹 스토리지 사용
__정리
__연습문제

6장 변수, 함수, 반복문
__변수 정의
____변수 그룹화
____예약어
__함수
____기본 함수
____익명 함수
__유효범위
____함수를 이용한 함수 호출
____데이터 반환
____메소드로서의 함수
__반복문
____for 문
__조건문
____if 문
____if/else 문
____switch 문
____if와 switch
__종합 예제
__정리
__연습문제

7장 이벤트를 통한 사용자와의 상호작용
__이벤트 첨부
____이벤트 핸들러
____이벤트 리스너
____이벤트 바인딩
____이벤트 바인딩 해제
__마우스 이벤트와 키보드 이벤트
____click
____focus와 blur
____접근성
____change
____mouseover와 mouseover(호버)
____submit
____기본 동작 방지
____keydown, keypress, keyup
____종합 예제
__터치와 방향 이벤트
____touchstart와 touchend
____touchmove
____orientationchange
____터치 이벤트 지원
__종합 예제
__정리
__연습문제

8장 Ajax를 이용한 서버와의 통신
__Ajax의 역사
____서버 통신
____XMLHttpRequest
__Ajax 호출 생성
____서버에 요청 전송
____서버에서 데이터 돌려받기
____반복적인 Ajax 호출
__Ajax 데이터 형식
____XML
____HTML
____JSON
__Ajax 접근성
____라이브 영역과 ARIA
__자주 저지르는 Ajax 관련 실수
____피드백 제공
__종합 예제
__Ajax는 어디로 가고 있나?
__정리
__연습문제

9장 코드 구성
__일반적인 코드 작성 스타일 규칙
____유효범위
____빨리 실패하기
____사용자 경험
__코드 설계
____파일과 디렉토리
____문서 내의 스크립트
____변수 선언
____변수와 함수의 명명
____주석
____들여쓰기
____공백
____문장 공백
____줄바꿈
____수학과 연산자
____eval( ) 사용
____스타일 가이드를 과도하게 받아들이기
__코드 구조
____함수
____익명 함수
____변수로서의 함수
____메소드로서의 함수
____자바스크립트 개발 패턴
__정리
__연습문제

10장 라이브러리 활용
__자바스크립트 라이브러리 기초
____라이브러리 학습 과정
____문법
____목표에 집중
____지름길 트기
____브라우저 문제 해결
____인기 있는 라이브러리
__제이쿼리 기초
____document.ready
____선택자
____DOM 탐색
____스타일 정보 추가
____이벤트 바인딩
____애니메이션
__제이쿼리 중급
____제이쿼리의 Ajax 활용
____제이쿼리에서의 데이터 순회
____함수 연쇄 호출
__플러그인을 통한 라이브러리 확장
____플러그인 제작
__라이브러리의 좋은 점
____대중성과 커뮤니티
____효율적인 코드
__라이브러리의 나쁜 점
____부하
____성능
____과도한 의존과 유통 기한
__마이크로라이브러리의 활용
____좋은 점
____나쁜 점
__정리
__연습문제

11장 HTML5 자바스크립트 API
__HTML5란 무엇인가?
__마크업(HTML로도 알려진)
____더 나은 시맨틱 만들기
____좀 더 접근성 높은 콘텐츠 제작
__자바스크립트 API
____navigator 객체
____지오로케이션
____오디오와 비디오
____히스토리 API
____웹 워커
__디바이스 API
____배터리 상태 API
____진동 API
____네트워크 정보 API
__기능 탐지를 이용한 디바이스 API 활용
__정리
__연습 문제

12장 자바스크립트를 통한 전진
__핵심 주제에 대한 간략한 복습
____점진적 기능 향상
____DOM 조작
____데이터 저장소
____서버 통신
__디자이너를 위한 자바스크립트
____고급 인터페이스 디자인
____자바스크립트에서의 CSS 변환
____데스크톱에서의 상호작용
__개발자를 위한 자바스크립트
____자바스크립트 템플릿
____NodeJS를 이용한 서버 측 자바스크립트
__정리
__연습문제

부록 A 모범 답안

2004년부터 웹 디자이너이자 프론트엔드 개발자로 활동해 왔으며, 주로 CSS, HTML5, 접근성, 사용자 경험에 관심을 두고 데스크톱에서 모바일 기기로 자연스럽게 확장되는 능력을 갖춘 애플리케이션을 구축해 왔고, 전국의 다양한 대학교에서 근무해 오면서 그 과정에서 웹 표준의 발전을 도모해왔다. 아울러 스매싱 매거진(Smashing Magazine), 사이트포인트(SitePoint), 웹 디자이너 디팟(Web Designer Depot)과 같은 인기 있는 웹 디자인 관련 사이트에 HTML5와 CSS3부터 사용자 경험과 고급 자바스크립트 기법에 이르기까지 프론트엔드 개발의 모든 부문에 관해 수많은 글을 기고해 왔다. 또한, 자신의 개인 블로그인 csskarma.com을 통해 많은 글을 쓰고 있다. 팀은 버지니아공대에서 마케팅경영 학사학위를 받았으며, 그래픽 디자인을 전공했다.