자바스크립트 프로젝트북 (실무에 적합한 9가지 프로젝트로 배우는 웹 프로그래밍)

권대용

저자권대용은개발자이기보다는자유를추구하는크리에이터.한분야에만머물지않고게임과멀티미디어웹분야에서기획과개발을주도하며현업에서다양한상용작품을런칭했다.대학에서디지털미디어와영상학을전공했으며현재는웹디자인과개발에관련된실무교육과미디어교육특강을진행하면서집필을병행하고있다.

Part1자바스크립트기초다지기

CHAPTER1시작하기전에
1.1개발환경설정
1.2자바스크립트바로알기
1.3마치며

CHAPTER2놓치기쉬운자바스크립트문법
2.1변수와타입
2.2제어문
2.3함수와유효범위
2.4배열과객체
2.5마치며

CHAPTER3문서를동적으로다루는방법:DOM
3.1하나의문서객체를선택하는메서드
3.2여러문서객체를선택하는메서드
3.3텍스트조작과DOM속성다루기
3.4마치며

CHAPTER4이벤트제어
4.1인라인이벤트
4.2이벤트핸들러
4.3이벤트리스너
4.4두가지이벤트속성으로hover처리
4.5submit이벤트와기본동작방지
4.6터치이벤트
4.7드래그앤드롭구현
4.8연습문제
4.9마치며

Part2실전프로젝트

CHAPTER5워밍업:프로그래밍도전하기
5.1구구단출력애플리케이션
5.2작업목록애플리케이션
5.3마치며

CHAPTER6프로젝트1:계산기
6.1개요
6.2사전학습:form요소
6.3구현하기
6.4기능개선하기:예외처리하기
6.5jQuery코드로변환하기
6.6연습문제
6.7마치며

CHAPTER7프로젝트2:라이트박스
7.1개요
7.2구현하기
7.3jQuery코드로변환하기
7.4연습문제
7.5마치며

CHAPTER8프로젝트3:달력
8.1개요
8.2사전학습:Date객체
8.3구현하기
8.4기능개선하기:조회기능추가하기
8.5jQuery코드로변환하기
8.6연습문제
8.7마치며

CHAPTER9프로젝트4:3D페이지
9.1개요
9.2구현하기
9.3자바스크립트전체코드보기
9.4연습문제
9.5마치며

CHAPTER10프로젝트5:다이내믹배너
10.1개요
10.2구현하기
10.3jQuery코드로변환하기
10.4연습문제
10.5마치며

CHAPTER11프로젝트6:지도
11.1개요
11.2사전학습:AJAX
11.3구현하기
11.4기능개선하기:스타일지정하기
11.5연습문제
11.6마치며

CHAPTER12프로젝트7:날씨위젯
12.1개요
12.2사전학습:openweatherAPI
12.3구현하기
12.4자바스크립트전체코드보기
12.5연습문제
12.6마치며

CHAPTER13프로젝트8:퀴즈게임
13.1개요
13.2사전학습:객체지향프로그래밍
13.3구현하기
13.4jQuery코드로변환하기
13.5연습문제
13.6마치며

CHAPTER14프로젝트9:스티키메모장
14.1개요
14.2사전학습:스토리지
14.3구현하기
14.4연습문제
14.5마치며

Part3더알아보기

CHAPTER15jQuery라이브러리
15.1jQuery실행환경
15.2jQuery객체와메서드
15.3jQuery선택자
15.4문서조작
15.5jQuery애니메이션
15.6jQuery이벤트

CHAPTER16ECMAScript6
16.1ECMAScript6소개
16.2ES6실행환경
16.3변수와상수
16.4화살표함수
16.5파라미터핸들링
16.6객체표현식
16.7for~of문
16.8템플릿표현식
16.9배열과객체의비구조화
16.10클래스

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

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

★Part3.자바스크립트의최신경향에발맞춰나아가고싶다면!
Part2에서도자바스크립트라이브러리를활용하지만그것으로는조금부족한것같다면Part3에서jQuery를더자세히살펴보자.더불어차세대자바스크립트인ECMAScript6문법도자세히살펴본다.

_이책에서만드는9가지프로젝트
● 계산기
● 라이트박스
● 달력
● 3D페이지
● 다이내믹배너
● 지도
● 날씨위젯
● 퀴즈게임
● 스티키메모장

_대상독자
● 기초문법을빠르게살펴보고본격적으로개발하고싶은자바스크립트입문자
● 애플리케이션과UI구현기법을습득하려는UI개발자,웹크리에이터
● 단기간에실무스킬을끌어올리고자하는초보개발자
● 그동안배운관련프로그래밍지식으로무언가를만들어보고싶은입문자

_유형별학습로드맵
이책은1부에서자바스크립트기초를다루고,2부에서본격프로젝트를다룬다.마지막3부에서자바스크립트에대한더깊은이야기를한다.책을순서대로읽어도좋지만다음학습로드맵을참고하면각자의상황에맞춰필요한기술을더빠르게습득할수있다.
● 프로그래밍초보라면?
Part1→Part3→Part2
● 자바스크립트와제이쿼리기본은알고있다면?
Part2(→Part3)