자바스크립트는 문법이 간결하고 프로그램 설치가 간편하여 첫 프로그래밍 언어로 인기가 높다. 또한, 웹 프로그래밍부터 응용 프로그램 개발까지 활용 범위도 넓다. 이 책은 무료 학습 서비스(동영상+온라인 실습)를 제공하는 프로그래머스(programmers.co.kr) 사이트의 인기 강좌 ‘자바스크립트 기초’와 ‘웹 프런트엔드 기초’를 책으로 엮은 것이다. 책의 설명만으로도 학습하는 데 무리가 없지만, 저자 동영상 강의를 함께 보면 학습 효율이 더욱 높아질 것이다. 또한, 배운 내용을 바로 온라인 사이트에서 실습할 수 있다. 하루 한 강, 매일 15분이면 어느새 자바스크립트 프로그래밍에 익숙해진 자신을 발견하게 될 것이다.

[목 차]

1부 자바스크립트 입문

Part 01 시작하기
1강. 실습 환경 만들기
2강. 개발자 도구 사용하기
[실습] console.log( ) 명령으로 출력하기

Part 02 변수
3강. 변수를 선언하고 초기화하기
[실습] 변수 사용하기
4강. 변수 활용하기
[실습] 변수 사용하기

Part 03 데이터 타입
5강. 기본 데이터 타입
[실습] 기본 데이터 타입 실습하기
6강. 숫자형
[실습] 숫자형 실습하기
7강. 문자열
[실습] 문자열 실습하기
8강. 객체
[실습] 객체 선언하기
9강. undefined와 null
[실습] undefined와 null 사용하기

Part 04 연산자와 함수
10강. 산술 연산자
[실습] 산술 연산자 사용하기
11강. 함수 사용하기
[실습] 함수 사용하기
12강. 관계 연산자와 논리 연산자
[실습] 관계 연산자 사용하기
13강. 연산자 우선순위

Part 05 문자열
14강. 문자열 이어 붙이기
[실습] 문자열 이어 붙이기
15강. 문자열 다루기
[실습] 문자열 다루기

Part 06 배열
16강. 배열 만들기
[실습] 배열 만들기
17강. 배열 사용하기
[실습] 배열 사용하기

Part 07 주석
18강. 주석 사용하기
[실습] 주석 사용하기

Part 08 조건문
19강. if 조건문
[실습] if 조건문 사용하기
20강. switch 조건문
[실습] switch 조건문 사용하기

Part 09 반복문
21강. while 반복문
[실습] while 반복문 사용하기
22강. do while 반복문
23강 for 반복문
[실습] for 반복문 사용하기
24강. for in 반복문
[실습] for in 반복문 사용하기

Part 10 더 알아보기
25강. 변수의 유효 범위
26강. 변수 가림 현상
[실습] 변수 가림 현상 사용하기
27강. 메서드와 this
28강. 클로저

2부 자바스크립트와 웹 프런트엔드

Part 11 자바스크립트와 웹
29강. 자바스크립트, HTML, CSS
30강. window 객체
31강. CSS 다루기

Part 12 DOM + JS
32강. DOM 알아보기
33강. 단일 엘리먼트 선택하기
34강. 다중 엘리먼트 선택하기
35강. CSS 선택자를 이용해서 엘리먼트 선택하기
36강. 엘리먼트를 추가하고 삭제하기

Part 13 이벤트와 자바스크립트
37강. 콜백 함수
38강. HTML 태그 속성에 이벤트 핸들러 추가하기
39강. 자바스크립트에서 이벤트 핸들러 설정하기

Part 14 네트워킹
40강. Ajax 요청 보내기
41강. Ajax 응답을 받아서 처리하기
42강. JSON
43강. Ajax와 JSON

Part 15 클래스와 객체 지향 프로그래밍
44강. -script 태그의 위치에 따라 달라지는 실행 순서
45강. 크롬 디버거 활용하기
46강. 익명 함수와 함수 즉시 호출
47강. 예외 처리
48강. 예외 처리 활용하기

Part 16 이미지 갤러리 프로젝트
49강. 이미지 갤러리 만들기
50강. 이미지 선택 기능 만들기
51강. 전체 선택 기능 만들기
52강. 자세히 보기 기능 만들기
53강. 슬라이드 쇼 기능 만들기

[본 문]

언어는 말을 하면서 배워야 빠르고 정확하게 배울 수 있습니다. 프로그래밍 언어도 마찬가지입니다. 실습을 하면서 배워야 빠르고 정확하게 배울 수 있고 비로서 자기 것으로 만들 수 있습니다. 프로그래머스 사이트에서 제공하는 강의와 실습 문제는 자바스크립트를 이해하고 자기 것으로 만드는 데 큰 도움을 줄 것입니다. 기회가 된다면 작은 문제나 원하는 프로젝트를 직접 만들면서 해결해 나가길 권합니다. 프로그래머로 더욱 빠르게 성장할 수 있을 것입니다.
('머리말' 중에서)

혼자서 공부하는
자바스크립트 + 웹 프런트엔드

# 하루 15분! 자바스크립트 기초부터 웹 프런트엔드까지!
짧은 강의와 실습을 통해 하루 15분이면 누구나 자바스크립트 프로그래밍을 배울 수 있게 구성하였다. 기초 문법을 익힌 후에는 HTML, CSS와 함께 자바스크립트를 활용해 웹 페이지의 다양한 기능을 구현해본다.

# 5분 동영상, 53개 강의
지하철 안에서, 생활 속 자투리 시간에 틈틈이, 짬짬이 볼 수 있는 동영상 강의 53개를 제공한다(본문에 QR 코드 수록). 초보자도 차근차근 학습할 수 있도록 동영상 강의에서 미처 다루지 못한 내용을 책에 보완하고 실전에 필요한 팁을 추가했다.

# 코딩 실습 22개 + 정답 수록
배운 내용을 바로 확인하고 점검할 수 있는 실습 문제와 정답을 수록했다. 프로그래머스 사이트(http://programmers.co.kr)에서 직접 코드를 입력하고 실행해보면서 배운 내용을 훈련할 수 있다.

김용록
구글코리아에서 소프트웨어 엔지니어로 재직 중이다. 더 좋은 소프트웨어 엔지니어가 되기를 갈망하지만 일과 삶의 균형이 더 중요하다. 겨울에는 주로 스키를 즐긴다.