2,500원 (판매자 직접배송)
50,000원 이상 결제 시 무료배송 지금 주문하시면
2일 이내
출고 가능합니다.
평일 오후 4시 30분까지 주문시 당일 출고되며 영업일 기준 1-2일 후 도착됨(공휴일은 배송되지 않음)
토요일은 오전 11시까지 주문시 당일 출고됨.
배송 7일 이내에 한해 반품 가능하며 변심에 의한 반송은 배송비 구매자 부담.
제주, 산간지역에는 추가 배송비(3,000원)이 부과됩니다.
※ 해당 상품은 교보문고에서 제공하는 정보를 활용하여 안내하는 상품으로제품 상태를 반드시 확인하신 후 구입하여주시기 바랍니다.
*표지 때얼룩 살짝.
판매자 배송 정책
평일 오후 4시 30분까지 주문시 당일 출고되며 영업일 기준 1-2일 후 도착됨(공휴일은 배송되지 않음)
토요일은 오전 11시까지 주문시 당일 출고됨.
배송 7일 이내에 한해 반품 가능하며 변심에 의한 반송은 배송비 구매자 부담.
제주, 산간지역에는 추가 배송비(3,000원)이 부과됩니다.
복사와 붙여넣기로 기초 없이 자바스크립트와 제이쿼리를 사용하는 웹 퍼블리셔와 개발자, 기획자, 이제는 코딩도 해야 하는 웹 디자이너에게 해답을 주는 책! 《Do it! 자바스크립트+제이쿼리 입문》은 자바스크립트, 제이쿼리 기본부터 접근성을 준수한 실무 활용까지 가능하도록 이끌어주는 책이다. 이 책에서는 자바스크립트 기초 문법과 제이쿼리를 익히고, 사이트 메인 페이지를 제작하여 GNB, 탭 메뉴, 롤링 배너, 슬라이드 배너, 퀵 메뉴 등을 실제로 적용해 본다. 또한 UX/UI 개발에 이슈가 되고 있는 어도비 에지의 핵심 사용법을 다뤄, 프로그래밍을 모르는 개발자도 동적인 HTML 콘텐츠를 제작할 수 있는 법을 소개했다. 또한 각 장의 핵심 내용을 뽑아 제작한 저자의 무료 동영상 강의는, 더 쉽게 이 책을 이해할 수 있게 도와줄 것이다.
저자소개
저자 : 정인용 저자 정인용은 현대자동차 및 현대로템 사이트 등 여러 웹 사이트를 개발해 온 저자는 현재 삼성인재개발원과 한국녹색디자인개발협회의 기술 연구원으로 웹 표준 인재를 양성하고 있다. 또한 한국직업전문학교에서 HTML5와 CSS3, 자바스크립트, 제이쿼리 등 프런트엔드 개발에 관련된 강의를 하며 네이버 ‘웹 표준 스쿨(http://cafe.naver.com/xhtmlschool)’ 카페에서 온·오프라인 모임을 통해 기부형 강좌를 제공하는 등 웹 개발에 몸담고 있는 모든 사람들의 궁금증이 조금이라도 해결될 수 있도록 노력하고 있다.
이러한 온라인, 오프라인의 경험을 바탕으로 웹 입문자, 실무자에게 모두 도움이 될 《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 자동차 갤러리 제작하기 자동차 갤러리 만들기
[짧은 안내문] 자바스크립트, 제이쿼리 기본은 물론, 실전에 필요한 핵심을 모두 담았다! 복사와 붙여넣기로 기초 없이 자바스크립트와 제이쿼리를 사용하는 웹 퍼블리셔와 개발자, 기획자, 이제는 코딩도 해야 하는 웹 디자이너에게 해답을 주는 책! 《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! 자바스크립트+제이쿼리 입문》 책은 무척 반갑습니다. 우선 꼭 알아야 할 핵심 개념을 쉽게 이해할 수 있게 한 점이 돋보입니다. 그뿐만 아니라 국내 개발 환경을 기준으로 입문자와 초급 개발자들 수준에 맞춰 설명했고 실제 프로젝트에서 사용되는 다양한 자바스크립트와 제이쿼리를 다루는 실무 기술 위주로 다루었기 때문에 실용성 면에서도 추천할 만합니다. - 박민신(윌비소프트/대리)
그리고 html이 5장으로 정리되어있어서 유용하네요!! 이거 참 마음에 들어요 한번 읽고나니 '내가 html을 잘 알고있구나'라는 생각도 들고~
본장인 자바스크립트랑 제이쿼리부분도 쉽게 잘되어 있더라구요 제가 초보자여서 그런가 읽기편해서 좋은거 같아요 코딩하고 결과화면을 보여주는 방식인데 코딩에 주석달려있어서 모를때 옆에 보면 쉽게 알 수 있네요 예제말고도 각장 끝나면 미션이라고해서 문제도 나와있어서 좋은거 같아요