실무 개발자를 위한 웹 프로그래밍 레시피!

프로그래밍 언어를 공부할 때는 실무에서 많이 사용하는 코드를 조금씩 구현해보면서 익히는 것이 좋다. 이 책에서는 실무와 밀접한 내용을 다양한 유형의 웹 애플리케이션이나 UI 요소로 익힐 수 있도록 9가지 프로젝트를 구성했다. 프로젝트 주요 부분에 자바스크립트와 제이쿼리 소스를 함께 수록하여, 자바스크립트와 제이쿼리를 함께 이해하고 실무 능력을 키울 수 있게 했다.

★Part 1. 저자의 현장 강의 노하우를 한데 모았다!

다년간 웹 개발자를 육성해온 저자가 강의 노하우를 살려 자바스크립트를 배울 때 꼭 필요한 개념을 정리했다. Part 1에서는 기본 환경 설정부터 필수 문법까지 살펴보며 자바스크립트의 기본기를 다질 수 있다.

★Part 2. 따라 하기 쉬운 구성: 사전 학습 → 구현 → 기능 개선 → jQuery 코드로 변환 → 연습 문제 

프로그래밍 언어를 익히는 가장 좋은 방법은 실무에 필요한 부분부터 구현해보는 것이다. 초보자가 쉽게 이해할 수 있으면서도 실무에서 꼭 필요한 예제 프로젝트를 엄선했다. ‘개요’에서 프로젝트를 먼저 살펴보고, ‘사전 학습’으로 기초를 쌓은 뒤 ‘구현하기’를 진행한다. 한발 더 나아가 ‘기능 개선하기’와 ‘jQuery 코드로 변환하기’를 끝내고 ‘연습 문제’를 풀어보며 스스로 점검해본 다음 프로젝트를 마무리한다.

★Part 3. 자바스크립트의 최신 경향에 발맞춰 나아가고 싶다면! 

Part 2에서도 자바스크립트 라이브러리를 활용하지만 그것으로는 조금 부족한 것 같다면 Part 3에서 jQuery를 더 자세히 살펴보자. 더불어 차세대 자바스크립트인 ECMAScript 6 문법도 자세히 살펴본다.

이 책에서 만드는 9가지 프로젝트

● 계산기

● 라이트 박스

● 달력

● 3D 페이지

● 다이내믹 배너

● 지도

● 날씨 위젯

● 퀴즈 게임

● 스티키 메모장

대상 독자

● 기초 문법을 빠르게 살펴보고 본격적으로 개발하고 싶은 자바스크립트 입문자

● 애플리케이션과 UI 구현 기법을 습득하려는 UI 개발자, 웹 크리에이터

● 단기간에 실무 스킬을 끌어올리고자 하는 초보 개발자

● 그동안 배운 관련 프로그래밍 지식으로 무언가를 만들어보고 싶은 입문자

유형별 학습 로드맵

이 책은 1부에서 자바스크립트 기초를 다루고, 2부에서 본격 프로젝트를 다룬다. 마지막 3부에서 자바스크립트에 대한 더 깊은 이야기를 한다. 책을 순서대로 읽어도 좋지만 다음 학습 로드맵을 참고하면 각자의 상황에 맞춰 필요한 기술을 더 빠르게 습득할 수 있다.

● 프로그래밍 초보라면?  Part 1 → Part 3 → Part 2

● 자바스크립트와 제이쿼리 기본은 알고 있다면? Part 2 (→ Part 3)

Part 1 자바스크립트 기초 다지기

CHAPTER 1 시작하기 전에 

1.1 개발 환경 설정 

1.2 자바스크립트 바로 알기 

1.3 마치며 

CHAPTER 2 놓치기 쉬운 자바스크립트 문법 

2.1 변수와 타입 

2.2 제어문 

2.3 함수와 유효 범위 

2.4 배열과 객체 

2.5 마치며 

CHAPTER 3 문서를 동적으로 다루는 방법: DOM 

3.1 하나의 문서 객체를 선택하는 메서드

3.2 여러 문서 객체를 선택하는 메서드

3.3 텍스트 조작과 DOM 속성 다루기

3.4 마치며 

CHAPTER 4 이벤트 제어

4.1 인라인 이벤트 

4.2 이벤트 핸들러 

4.3 이벤트 리스너 

4.4 두 가지 이벤트 속성으로 hover 처리

4.5 submit 이벤트와 기본 동작 방지 

4.6 터치 이벤트

4.7 드래그 앤 드롭 구현

4.8 연습 문제

4.9 마치며 

Part 2 실전 프로젝트

CHAPTER 5 워밍업: 프로그래밍 도전하기

5.1 구구단 출력 애플리케이션

5.2 작업 목록 애플리케이션

5.3 마치며 

CHAPTER 6 프로젝트 1: 계산기

6.1 개요

6.2 사전 학습: form 요소

6.3 구현하기

6.4 기능 개선하기: 예외 처리하기

6.5 jQuery 코드로 변환하기

6.6 연습 문제

6.7 마치며 

CHAPTER 7 프로젝트 2: 라이트 박스

7.1 개요 

7.2 구현하기

7.3 jQuery 코드로 변환하기

7.4 연습 문제

7.5 마치며

CHAPTER 8 프로젝트 3: 달력

8.1 개요 

8.2 사전 학습: Date 객체

8.3 구현하기

8.4 기능 개선하기: 조회 기능 추가하기

8.5 jQuery 코드로 변환하기

8.6 연습 문제

8.7 마치며

CHAPTER 9 프로젝트 4: 3D 페이지

9.1 개요

9.2 구현하기

9.3 자바스크립트 전체 코드 보기

9.4 연습 문제

9.5 마치며

CHAPTER 10 프로젝트 5: 다이내믹 배너

10.1 개요

10.2 구현하기

10.3 jQuery 코드로 변환하기

10.4 연습 문제

10.5 마치며

CHAPTER 11 프로젝트 6: 지도

11.1 개요

11.2 사전 학습: AJAX

11.3 구현하기

11.4 기능 개선하기: 스타일 지정하기

11.5 연습 문제

11.6 마치며

CHAPTER 12 프로젝트 7: 날씨 위젯

12.1 개요

12.2 사전 학습: openweather API

12.3 구현하기

12.4 자바스크립트 전체 코드 보기

12.5 연습 문제

12.6 마치며 

CHAPTER 13 프로젝트 8: 퀴즈 게임

13.1 개요 

13.2 사전 학습: 객체 지향 프로그래밍

13.3 구현하기

13.4 jQuery 코드로 변환하기

13.5 연습 문제

13.6 마치며

CHAPTER 14 프로젝트 9: 스티키 메모장

14.1 개요

14.2 사전 학습: 스토리지

14.3 구현하기

14.4 연습 문제

14.5 마치며

Part 3 더 알아보기

CHAPTER 15 jQuery 라이브러리

15.1 jQuery 실행 환경

15.2 jQuery 객체와 메서드

15.3 jQuery 선택자

15.4 문서 조작

15.5 jQuery 애니메이션

15.6 jQuery 이벤트

CHAPTER 16 ECMAScript 6

16.1 ECMAScript 6 소개

16.2 ES6 실행 환경

16.3 변수와 상수

16.4 화살표 함수

16.5 파라미터 핸들링

16.6 객체 표현식

16.7 for ~ of 문

16.8 템플릿 표현식

16.9 배열과 객체의 비구조화

16.10 클래스