자료검색

복사와 붙여넣기로 기초 없이 자바스크립트와 제이쿼리를 사용하는 웹 퍼블리셔와 개발자, 기획자, 이제는 코딩도 해야 하는 웹 디자이너에게 해답을 주는 책! 《Do it! 자바스크립트+제이쿼리 입문》은 자바스크립트, 제이쿼리 기본부터 접근성을 준수한 실무 활용까지 가능하도록 이끌어주는 책이다. 이 책에서는 자바스크립트 기초 문법과 제이쿼리를 익히고, 사이트 메인 페이지를 제작하여 GNB, 탭 메뉴, 롤링 배너, 슬라이드 배너, 퀵 메뉴 등을 실제로 적용해 본다. 또한 UX/UI 개발에 이슈가 되고 있는 어도비 에지의 핵심 사용법을 다뤄, 프로그래밍을 모르는 개발자도 동적인 HTML 콘텐츠를 제작할 수 있는 법을 소개했다. 또한 각 장의 핵심 내용을 뽑아 제작한 저자의 무료 동영상 강의는, 더 쉽게 이 책을 이해할 수 있게 도와줄 것이다.

[짧은 안내문]
자바스크립트, 제이쿼리 기본은 물론, 실전에 필요한 핵심을 모두 담았다!
복사와 붙여넣기로 기초 없이 자바스크립트와 제이쿼리를 사용하는 웹 퍼블리셔와 개발자, 기획자, 이제는 코딩도 해야 하는 웹 디자이너에게 해답을 주는 책! 《Do it! 자바스크립트+제이쿼리 입문》은 자바스크립트, 제이쿼리 기본부터 접근성을 준수한 실무 활용까지 가능하도록 이끌어주는 책이다. 이 책에서는 자바스크립트 기초 문법과 제이쿼리를 익히고, 사이트 메인 페이지를 제작하여 GNB, 탭 메뉴, 롤링 배너, 슬라이드 배너, 퀵 메뉴 등을 실제로 적용해 본다. 또한 UX/UI 개발에 이슈가 되고 있는 어도비 에지의 핵심 사용법을 다뤄, 프로그래밍을 모르는 개발자도 동적인 HTML 콘텐츠를 제작할 수 있는 법을 소개했다. 또한 각 장의 핵심 내용을 뽑아 제작한 저자의 무료 동영상 강의는, 더 쉽게 이 책을 이해할 수 있게 도와줄 것이다.

[책 소개]

자바스크립트와 제이쿼리의 기본과 핵심 기능을 쉽게 배울 수 있는 책!
웹과 서버 개발부터 애플리케이션 개발에 이르기까지 자바스크립트와 제이쿼리는 이제 모든 영역의 필수 언어로 자리 잡고 있다. 《Do it! 자바스크립트 + 제이쿼리 입문》은 자바스크립트를 처음 접하는 웹 퍼블리셔와 웹 디자이너, 기획자, 개발자가 쉽고 알차게 배울 수 있도록 자바스크립트, 제이쿼리 기본 문법부터 실무 활용법까지 꼭 알아야 할 내용을 모두 담았다.
여러 웹사이트 개발은 물론, HTML, CSS, 자바스크립트, 제이쿼리 등 강의를 해온 저자가 실무에서 필요한 것을 고려하여 200여 개의 예제를 만들었다! 이 핵심 예제들은, 현장에서 꼭 필요한 지식을 빠르게 익히도록 도와줄 것이다. 또한 각 장에서 중요한 내용은 무료 동영상으로 제공하여 더 쉽고 편하게 공부할 수 있도록 하였다.

실제 사이트에 자바스크립트, 제이쿼리를 적용하여 실전 감각을 키운다!
이제 실전에서도 당황하지 않고, 적용해 보면~ 끝!
이 책의 셋째마당에서는 사이트의 메인 페이지를 직접 제작하고, 자바스크립트와 제이쿼리를 실전처럼 적용해 본다. 실제 사이트 UI 개발에 자주 사용되는 GNB, 탭 메뉴, 롤링 배너, 슬라이드 배너, 퀵 메뉴, 키보드 접근성 등을 다뤄, 실제 현장에서 자바스크립트와 제이쿼리를 활용할 때 당황하지 않고 핵심 기능을 적용할 수 있을 것이다.

자바스크립트 몰라도 쉽게 코딩 프로그램을 만들 수 있는
어도비 에지 애니메이트 소개!
UX/UI 개발에 이슈가 되고 있는 어도비 에지 애니메이트 사용법을 다루었다. 어도비 에지는 복합적 애니메이션, HTML 게임, 웹 사이트, 모바일 애플리케이션 등을 만들 수 있는 프로그램으로, 자바스크립트를 몰라도 플래시와 같이 GUI 환경에서 쉽고 간단한 조작이 가능하다. 이 책에서는 어도비 에지로 간단한 동적 HTML 콘텐츠를 제작해본다.

저자의 무료 동영상 강의로 더 쉽게 공부한다!
각 장의 핵심 내용만 뽑아 친절하게 설명하는 저자의 무료 동영상 강의를 무료로 공개하고 있다. HTML, CSS, 제이쿼리, 자바스크립트 등 프런트엔드 개발과 관련된 여러 강의를 진행해온 저자가 개인 수업을 받는 것처럼 동영상 강의로 더 쉽고 빠르게 이해할 수 있도록 도와줄 것이다. 이 동영상은 PC나 스마트폰 어디에서나 이용할 수 있으므로 이동 중이나 예습, 복습할 때 이용하면 효율적이다.
? www.easyspub.com → [동영상 강의] 게시판

[추천사]

자바스크립트 핵심 기능을 쉽게 이해하도록 실속 있는 내용으로 꽉 차 있는 책!
과거에 자바스크립트는 주로 유효성 검사 정도의 역할로만 사용하였습니다. 하지만 최근 자바스크립트의 영역은 웹 개 발, 서버 개발, 애플리케이션 개발까지 점점 확장되고 있습니다. 자바스크립트가 이렇게 급속히 발전한 계기는 자바스크립트를 기반으로 한 다양한 라이브러리 언어가 등장했기 때문일 것입니다. 그중에서도 가장 대표적인 라이브러리 언어는 제이쿼리가 아닌가 싶습니다.
제이쿼리를 이해하려면 결국 자바스크립트에 대한 이해가 중요한데, 자바스크립트의 기초 문법과 핵심 기능에 대해 가 장 명쾌하게 정리된 책이 이 책이라고 생각합니다. 제이쿼리의 기본 개념 설명도 충분히 되어있어, 자바스크립트에서 어려웠던 부분을 제이쿼리에서는 꼭 익힐 수 있도록 도와줍니다. 실무에 적용할 수 있는 예제로 알차게 정리된 《Do it! 자바스크립트+제이쿼리 입문》으로 실무 적응력과 응용력을 키워보세요!
- 김갑열((주)씨티 소프트/대표)

프런트엔드 개발에 자신감이 생겼습니다!
웹 퍼블리셔, 웹 디자이너, 웹 기획자 등의 업무를 담당하고 있는 분이라면 자바스크립트 또는 제이쿼리라는 단어를 한 번쯤은 들어봤거나 공부를 해본 경험이 있을 것입니다. 물론 이미 실무에서 사용 중인 사람들도 있을 것입니다. 저 역시 웹 퍼블리셔라는 직업에 몸을 담고 있다 보니 자연스럽게 자바스크립트와 제이쿼리에 관심을 두고 관련 프로그래밍 책을 찾아봅니다. 하지만 결국에는 어려운 내용에 진도가 막히거나 실제 찾던 내용이 없어 책을 접는 일이 많습니다.
《Do it! 자바스크립트+제이쿼리 입문》은 웹사이트 실무 프로젝트를 다루고 있어 자바스크립트가 프로젝트에서 어떻게 사용되는지 명확히 제시해주어 웹 개발 초보자도 프런트엔드 개발에 자신감을 얻을 수 있을 것입니다.
- 민소라(다음서비스/웹 퍼블리셔)

단기간에 자바스크립트, 제이쿼리, 어도비 에지의 핵심을 익힐 수 있습니다!
과거 웹 퍼블리셔 종사자는 대부분 프로그래밍 언어를 다루지 않았습니다. 그래서 요즘 프로그래밍을 처음 공부하려는 퍼블리셔에게 자바스크립트나 제이쿼리는 어려운 개발 언어일 것입니다. 더욱이 생업과 공부를 동시에 하는 것은 더 힘든 일이겠죠. 하지만 이 책은 시중에 있는 개념 설명 중심의 책이 아닌, 꼭 알아야 할 핵심 기능과 실무에 적용할 수 있는 예제들로 이루어져 있어, 자바스크립트와 제이쿼리에 관심이 있고, 단기간에 공부를 마쳐 실무에 적용하고자 하는 분들이나, 핵심만 제대로 알고 싶은 입문자분들에게 적합합니다. 또한, 이 책에서는 어도비 에지라는 프로그램을 이용하여 제이쿼리 코딩 프로그램을 쉽게 만드는 것을 소개하여, 프로그래밍을 잘 알지 못하는 분이라도 프로그래밍에 흥미를 느끼며 공부할 수 있을 것입니다.

- 조용재(이스트소프트/웹 퍼블리셔 팀장)

국내 개발 환경을 기준으로,
실제 웹 프로젝트에서 사용되는 기술을 다룬 가장 실용적인 책!
자바스크립트에 대한 다양한 참고 서적과 바이블 형식의 책들은 넘쳐납니다. 물론 여러 책을 참고하여 특성을 파악하고 개념을 이해할 수는 있겠지만, 입문자에게는 시간도 오래 걸리고 쉽지 않습니다. 그렇기 때문에 자바스크립트와 제이쿼리를 실무에서 활용하려는 초급 개발자에게 필요한 부분만 골라 빨리 파악할 수 있도록 도와주고 실제 업무에도 응용할 수 있는 맞춤형 참고서가 필요합니다. 그런 면에서 《Do it! 자바스크립트+제이쿼리 입문》 책은 무척 반갑습니다. 우선 꼭 알아야 할 핵심 개념을 쉽게 이해할 수 있게 한 점이 돋보입니다. 그뿐만 아니라 국내 개발 환경을 기준으로 입문자와 초급 개발자들 수준에 맞춰 설명했고 실제 프로젝트에서 사용되는 다양한 자바스크립트와 제이쿼리를 다루는 실무 기술 위주로 다루었기 때문에 실용성 면에서도 추천할 만합니다.
- 박민신(윌비소프트/대리)

첫째마당 기초부터 시작하는
자바스크립트

01 자바스크립트 시작하기
01-1 자바스크립트란 무엇인가요?
자바스크립트란?
자바스크립트 언어의 특징
자바스크립트는 왜 배워야 하나요?
01-2 자바스크립트를 배우려면 알아야 할 배경 지식들
(X)HTML 요점 정리하기
CSS 요점 정리하기
01-3 개발을 위해 필요한 프로그램과 사용법
웹 브라우저 준비하기
웹 개발에 필요한 부가 기능들
자바스크립트 편집기 준비하기
01-4 자바스크립트 맛보기 예제
자바스크립트로 간단한 실행문 작성하기
웹 개발 도구, 파이어버그 기능 사용하기
파이어버그 콘솔 창 이용하기
(X)HTML 문서에 데이터를 출력하지 않고 확인하기


02 자바스크립트 기초 문법
02-1 자바스크립트 기초 문법
자바스크립트 선언문
자바스크립트 주석 처리
내부 스크립트 외부로 분리하기
자바스크립트 코드 입력 시 주의할 점
02-2 변수
변수란?
변수에 저장할 수 있는 데이터형
02-3 연산자
연산자란?
산술 연산자
문자 결합 연산자
대입 연산자
증감 연산자
비교 연산자
논리 연산자
연산자 우선순위
삼항 조건 연산자

03 제어문
03-1 제어문이란?
03-2 조건문
if 문
else 문
else if 문
중첩 if 문
03-3 선택문
switch 문
03-4 반복문
while 문
do while 문
for 문
break
continue 문
중첩 for 문


04 객체
04-1 객체
객체란?
객체의 종류
04-2 내장 객체
내장 객체 생성하기
날짜 정보 객체
숫자 객체
수학 객체
배열 객체
문자 객체
정규 표현 객체
04-3 브라우저 객체 모델(BOM)
브라우저 객체란?
window 객체
screen 객체
location 객체
history 객체
navigator 객체
04-4 문서 객체 모델(DOM)
문서 객체 모델
선택자
인접 요소 관계 파악하기
선택자 종류
선택자 적용 위치와 방법
직접 선택자를 사용한 문서 객체 CSS 적용법
인접 관계 선택자로 문서 객체에 스타일 적용하기
노드 타입으로 인접 관계 선택자 문제 해결하기
요소의 속성값 변경, 생성 및 불러오는 방법
문서 객체 이벤트 핸들러 적용하기
폼 요소 선택자

05 함수
05-1 함수
함수란?
기본 함수 정의문
매개 변수가 있는 함수 정의문
내장 함수
05-2 함수에서 return 문의 역할
데이터를 반환하는 return 문
강제 종료 역할을 하는 return 문
재귀 함수 호출
05-3 지역 변수와 전역 변수
지역 변수, 전역 변수


06 이벤트
06-1 이벤트8
이벤트란?
키보드 접근성
이벤트 중복 등록 해결법
this 키워드227
06-2 이벤트 객체
이벤트 객체 생성하기

둘째마당 자바스크립트를
더 쉽게 해주는 제이쿼리

07 제이쿼리 문서 객체 선택자와 조작법
07-1 제이쿼리 기본 다지기
제이쿼리란?
제이쿼리 라이브러리 연동하기
07-2 선택자
선택자란?
07-3 직접 선택자와 인접 관계 선택자
제이쿼리의 직접 선택자 및 인접 관계 선택자
직접 선택자
인접 관계 선택자
07-4 제이쿼리 탐색 선택자
탐색 선택자
위치 탐색 선택자
속성 탐색 선택자
그 외의 선택자 - 콘텐츠 탐색 선택자·
선택자와 함께 사용하면 편리한 메서드들
07-5 객체 조작
객체 조작 메서드
속성 조작 메서드
수치 조작 메서드
객체 편집 메서드

08 제이쿼리 이벤트
08-1 이벤트 등록 메서드··
이벤트 등록 메서드란?
로딩 이벤트 메서드
마우스 이벤트
포커스 이벤트
키보드 접근성을 위한 이벤트 등록법
키보드 이벤트
08-2 자주 사용되는 기타 이벤트 메서드
change( ) 이벤트 메서드
scroll( ) 이벤트 메서드
이벤트가 발생한 요소 추적하기·
08-3 그룹 이벤트 등록 및 삭제하기
그룹 이벤트 등록 메서드
one( ) 이벤트 등록 메서드
이벤트 제거 메서드

09 다양한 효과와 애니메이션
09-1 효과 및 애니메이션 메서드
효과 메서드
09-2 효과 제어 메서드
효과 제어 메서드란?

10 제이쿼리 비동기 방식 연동
10-1 Ajax
Ajax란
웹 서버 설치하기
웹 호스팅 등록하여 서버 이용하기
10-2 Ajax 관련 메서드
Ajax 관련 메서드들
XML 데이터 요청하기
JSON 데이터 요청하기

11 제이쿼리 플러그인
11-1 제이쿼리 UI 플러그인
제이쿼리 플러그인이란?
UI를 개발할 때 유용한 플러그인
UI 플러그인 사용 방법
UI 플러그인으로 드래그 레이어 창 만들기
11-2 bxSlider 플러그인 활용하기
bxSlider 플러그인
bxSlider 플러그인 다운로드하기
자동 슬라이드 배너 만들기
11-3 Accodion Image 플러그인 활용하기
Accodion Image 플러그인
Accodion Image 플러그인 다운로드하기
Acoodion Image 배너 만들기
11-4 swipejs 플러그인 활용하기
swipejs 플러그인
swifejs 플러그인 다운로드
모바일 Touch Swipe 배너 만들기

셋째마당 실무에서 활용하는
자바스크립트 + 제이쿼리

12장 사용자 환경 개발 예제

12-1 (X)HTML 문서 설계
(X)HTML의 구조 및 구성 요소
스타일 세팅과 기본 서식, 레이아웃 작성하기
12-2 헤더 영역 UI 디자인 및 개발하기
헤더 영역 구조와 스타일 작성하기
Show & Hide 로그인 폼 만들기
레이블을 이용한 로그인 폼 안내 가이드 제작하기
ZOOM 버튼 만들기
인쇄 버튼 만들기
Google 번역기 API 사용하기
검색 창 안내 가이드 만들기
GNB 메뉴 만들기
슬라이드 전체 메뉴 만들기
현재 날짜 표기하기
12-3 푸터 영역 UI 디자인 및 개발하기
푸터 영역 개발하기
관련 사이트 이동 선택 상자 만들기
12-4 콘텐츠 영역 UI 디자인 및 개발하기
콘텐츠 영역 개발하기
비주얼 배너 터치 슬라이드 만들기
자동 롤링 배너와 제어 버튼을 활용한 알림판 만들기
탭 메뉴를 이용한 최근 게시물 리스트 만들기
알림 배너 디자인
자동 슬라이드 배너를 이용한 베스트 BOOK 영역 만들기
페이스북 소셜 플러그인 연동하기
마케팅 영역 디자인
온라인 서점 목록 영역 디자인
스크롤 퀵 메뉴 만들기
퀵 메뉴 동작 원리
쿠키 플러그인을 활용한 팝업 창 만들기
제이쿼리 UI 플러그인과 쿠키 플러그인 사용하기
쿠키 플러그인 사용하기

13장 어도비 에지를 활용한 UX/UI 개발

13-1 어도비 에지를 이용한 HTML 콘텐츠 제작
어도비 에지로 웹에서 애니메이션 구현하기
어도비 에지의 설치와 사용법
어도비 에지 인터페이스 익히기
13-2 어도비 에지 기본 사용법 익히기
타임라인과 키 프레임 이해하기
타임라인과 키 프레임 활용하기
13-3 자동차 갤러리 제작하기
자동차 갤러리 만들기