1부. 기초

1장. 자바스크립트 소개
- 자바스크립트를 만나보세요
- 자바스크립트를 배워야 하는 이유는 무엇인가요?
- 간단한 자바스크립트 프로그램 작성
- 자바스크립트 프로그램의 구조
- 정리해봅시다

2장. 자료형과 변수
- 숫자와 연산자
- 변수
- 문자열
- 불리언
- Undefined와 null
- 정리해봅시다

3장. 배열
- 배열을 배워야 하는 이유
- 배열 만들기
- 배열 원소에 접근하기
- 배열 원소 설정하기와 바꾸기
- 한 배열에서 여러 자료형 사용하기
- 배열 다루기
- 유용하게 배열 활용하기
- 정리해봅시다
- 프로그래밍 과제

4장. 객체
- 객체 만들기
- 객체 안의 값에 접근하기
- 객체에 값 추가하기
- 배열과 객체 결합하기
- 콘솔에서 객체 탐색하기
- 객체를 유용하게 활용하는 방법
- 정리해봅시다
- 프로그래밍 과제

5장. HTML 기초
- 텍스트 편집기
- 첫 번째 HTML 문서
- 완전한 HTML 문서
- HTML 계층구조
- HTML에 링크 추가하기
- 정리해봅시다

6장. 조건문과 반복문
- HTML에 자바스크립트 포함하기
- 조건문
- 반복문
- 정리해봅시다
- 프로그래밍 과제

7장. 행맨 게임 제작
- 플레이어와 상호작용
- 게임 설계하기
- 게임 코딩하기
- 게임 코드
- 정리해봅시다
- 프로그래밍 과제

8장. 함수
- 함수의 기본 구조
- 간단한 함수 작성
- 함수 호출하기
- 함수에 인수 전달하기
- 함수에서 값 반환하기
- 함수를 값으로써 사용하기
- 함수를 사용해 코드를 단순하게 만들기
- Return을 사용해 함수 빨리 끝내기
- If…else 대신 return을 여러 번 사용하기
- 정리해봅시다
- 프로그래밍 과제

2부. 고급 자바스크립트

9장. DOM과 jQuery
- DOM 엘리먼트 선택하기
- jQuery를 사용한 DOM 트리 다루기
- jQuery를 사용해 엘리먼트 새로 만들기
- jQuery를 사용한 애니메이션
- jQuery 애니메이션 연결하기
- 정리해봅시다
- 프로그래밍 과제

10장. 인터랙티브 프로그래밍
- setTimeout을 사용한 코드 지연
- 타임아웃 취소하기
- Setlnterval을 사용해 코드를 여러 번 호출하기
- Setlnterval을 사용한 엘리먼트 애니메이션
- 사용자 행동에 반응하기
- 정리해봅시다
- 프로그래밍 과제

11장. 보물 찾기 게임
- 게임 설계하기
- HTML을 사용해 웹 페이지 만들기
- 보물의 위치 무작위로 고르기
- 클릭 핸들러
- 하나로 합치기
- 정리해봅시다
- 프로그래밍 과제

12장. 객체지향 프로그래밍
- 단순 객체
- 객체에 메서드 추가하기
- 생성자를 사용한 객체 만들기
- 자동차 그리기
- drawCar 함수 테스트하기
- 프로토타입을 사용해 객체 설정하기
- 정리해봅시다
- 프로그래밍 과제

3부. 캔버스

13장. 캔버스 엘리먼트
- 간단한 캔버스 만들기
- 캔버스에 그리기
- 색상 바꾸기
- 사각형 외곽선 그리기
- 직선 또는 경로 그리기
- 경로 색칠하기
- 호와 원 그리기
- 함수를 사용해 원을 여러 개 그리기
- 정리해봅시다
- 프로그래밍 과제

14장. 캔버스 애니메이션
- 페이지를 가로질러 이동하기
- 정사각형의 크기 바꾸기
- 활발한 벌 그리기
- 공 튕기기
- 정리해봅시다
- 프로그래밍 과제

15장. 키보드를 사용한 애니메이션 제어
- 키보드 이벤트
- 키보드로 공 움직이기
- 하나로 합치기
- 코드 실행하기
- 정리해봅시다
- 프로그래밍 과제

16장. 뱀 게임 만들기: 1부
- 게임 플레이
- 게임의 구조
- 게임 설정
- 경계선 그리기
- 점수 표시하기
- 게임 끝내기
- 정리해봅시다
- 프로그래밍 과제

17장. 뱀 게임 만들기: 2부
- 블록 생성자 만들기
- 뱀 만들기
- 뱀 움직이기
- 키보드로 뱀의 방향 설정하기
- 사과 만들기
- 하나로 합치기
- 정리해봅시다
- 프로그래밍 과제

마치며: 이후 학습할 내용
용어집