jQuery를 활용한 인터랙티브 웹 콘텐츠 제작
도서명:jQuery를 활용한 인터랙티브 웹 콘텐츠 제작
저자/출판사:김춘경/위키북스
쪽수:652쪽
출판일:2012-02-29
ISBN:9788992939393
목차
1장 자바스크립트 DOM
01 핵심 내용 길잡이
자바스크립트를 배운다는 건?
DOM이란?
DOM은 지켜야 할****속만 적혀 있는 문서
DOM과 HTML 페이지와의 관계
노드와 DOM 객체와의 관계
핵심 DOM 객체 소개
DOM 객체 간의 관계
02 핵심 내용
노드 다루기
스타일 다루기
속성 다루기
이벤트 다루기
위치 및 크기와 관련된 프로퍼티와 메서드
03 미션 도전
미션 1-핵심 내용 확인 1
미션 2-핵심 내용 확인 2
미션 3-이미지 변경하기
미션 4-특정 영역에서 이미지 움직이기
미션 5-이미지 스크롤
미션 6-사각형 영역에서 이미지 움직이기
04 실전 활용 예제
실전 활용 예제 만들기 1경품 추첨기
실전 활용 예제 만들기 2롤링 배너
2장 jQuery DOM
01 핵심 내용 길잡이
jQuery를 사용하는 이유는?
jQuery의 기능
jQuery와 CSS와의 관계
jQuery의 정체
02 jQuery 핵심 내용
jQuery 첫 걸음, 개발 환경 구축
노드 다루기
스타일 다루기
속성 다루기
이벤트 다루기
위치 및 크기와 관련된 프로퍼티와 메서드
jQuery 효과 다루기
03 미션 도전
미션1-핵심 내용 확인 1 : jQuery 버전으로 만들기
미션2-핵심 내용 확인 2: jQuery 버전으로 만들기
미션3-이미지 변경:jQuery 버전으로 만들기
미션4-특정 영역에서 이미지 움직이기: jQuery 버전으로 만들기
미션5-이미지 스크롤: jQuery 버전으로 만들기
미션6-사각형 영역에서 이미지 움직이기: jQuery 버전으로 만들기
04 실전 활용 예제
실전 활용 예제 1-경품 추첨기: jQuery 버전으로 만들기
실전 활용 예제 2-롤링 배너 만들기: jQuery 버전으로 만들기
3장 자바스크립트 Ajax
01 핵심 내용 길잡이
Ajax이란?
왜 Ajax인가?
기존 웹의 통신 vs. Ajax를 이용한 통신
Ajax를 이용한 웹 페이지의 통신
Ajax에서 반드시 알고 있어야 할 내용
Ajax를 이용한 클라이언트와 서버 간의 데이터 연동
XMLHttpRequest란?
응답 이벤트 처리
GET 방식, POST 방식
Ajax 동기/비동기 응답 설정
응답 형식
02 핵심 내용
XMLHttpRequest 객체 생성
Ajax 작업을 위한 개발 환경 설정
GET 방식으로 데이터 보내고 서버에서 동기식으로 CSV 형식의 데이터 응답 받기
POST 방식으로 데이터 보내고 서버에서 비동기식으로 CSV 형식의 데이터 응답 받기
POST 방식으로 데이터 보내고 서버에서 비동기식으로 XML 형식의 데이터 응답 받기
POST 방식으로 데이터 보내고 서버에서 비동기 방식으로 JSON 형식의 데이터 응답 받기
외부 XML 파일 읽기
외부 JSON 파일 읽기
03 도전 미션
미션1-Ajax를 활용한 동적 이미지 노드 생성(XML 버전)
미션2- Ajax를 활용한 동적 이미지 노드 생성(JSON 버전)
미션 3-Ajax를 활용한 롤링 배너 제작
04 실전 활용 예제
실전 활용 예제 1-외부 페이지 연동
실전 활용 예제 2-1단 메뉴 만들기
4장 jQuery Ajax
01 핵심 내용 길잡이
jQuery Ajax를 사용하는 이유는?
jQuery Ajax를 이용한 클라이언트와 서버 간의 데이터 연동을 위한 일반적인 작업 순서
jQuery Ajax의 핵심 메서드
02 핵심 내용
jQuery Ajax 활용을 위한 개발 환경 설정
GET 방식으로 데이터 보내고 서버에서 동기식으로 CSV 형식의 응답 받기: jQuery Ajax 버전
POST 방식으로 데이터 보내고 비동기식으로 CSV 형식의 데이터 응답 받기: jQuery Ajax 버전
POST 방식으로 데이터 보내고 비동기식으로 XML 형식의 데이터 응답 받기: jQuery Ajax 버전
POST 방식으로 데이터 보내고 비동기식으로 JSON 형식의 데이터 응답 받기: jQuery Ajax 버전
외부 XML 파일 읽기: jQuery Ajax 버전
외부 JSON 파일 읽기: jQuery Ajax 버전
03 도전 미션
미션 1-jQuery Ajax 버전으로 만들기
미션 2-jQuery Ajax 버전으로 만들기
미션 3-Ajax를 적용한 롤링 배너 만들기: jQuery Ajax 버전으로 만들기
04 실전 활용 예제
실전 활용 예제 만들기 1-외부 페이지 연동: jQuery Ajax 버전으로 만들기
실전 활용 예제 2-1단 메뉴 만들기: jQuery Ajax 버전으로
5장 실전 활용 예제 만들기
01 실전 활용 예제 만들기1-배너 슬라이더
사용자 요구사항
핵심 기능 및 구현 방법 찾기
단계 나누기
구현
02 실전 활용 예제 만들기2-아코디언 메뉴
요구사항 분석 및 기능 정의
핵심 기능 및 구현 방법 찾기
단계 나누기
구현
03 실전 활용 예제 만들기 3-이미지 갤러리
요구사항 분석 및 기능 정의
핵심 기능 및 구현 방법 찾기
단계 나누기
구현
