책 이미지
책 정보
· 분류 : 국내도서 > 컴퓨터/모바일 > 프로그래밍 언어 > 프로그래밍 언어 기타
· ISBN : 9788960772656
· 쪽수 : 544쪽
책 소개
목차
1장 제이쿼리 UI 소개
___라이브러리 다운로드
___개발 환경설정
___라이브러리의 구조
___테마롤러
___컴포넌트 카테고리
___브라우저 지원
___이 책의 예제
___라이브러리 라이선스
___API 소개
______이벤트와 콜백
______콜백의 인수
___정리
2장 CSS 프레임워크와 유틸리티
___프레임워크를 구성하는 파일
______jquery.ui.all.css
______jquery.ui.base.css
______jquery.ui.core.css
_________컴포넌트별 CSS 프레임워크 파일
______jquery.ui.theme.css
___CSS 프레임워크 파일 링크
___CSS 프레임워크 클래스 사용
___컨테이너
___인터랙션
___아이콘
___인터랙션 큐
___적용된 테마의 쉽고 빠른 전환
___테마 오버라이딩
___포지션 유틸리티
______포지션 유틸리티 사용
___충돌 회피
___함수를 활용한 위치 설정
___위젯 팩토리
___위젯 만들기
____create 함수
___공통 API 메소드
___커스텀 메소드 추가
___위젯 스타일시트
___위젯 사용
___정리
3장 탭 위젯
___기본 탭 위젯 구현
___탭 CSS 프레임워크 클래스
___탭 위젯에 커스텀 테마 적용
___탭 위젯 환경설정 옵션
______탭 선택
______탭 작동 불능 상태 만들기
______전환 효과
______콘텐츠 패널을 닫을 수 있는 탭 옵션
___탭 이벤트
______이벤트에 연결
___탭 메소드 사용
______탭 작동 가능/작동 불능 설정
______탭 추가와 제거
______클릭 시뮬레이팅
______순환하는 탭 만들기
______옵션의 getting과 setting
___AJAX 탭
___원격 탭 콘텐츠의 URL 변경
___리모트 탭의 리로딩
___JSONP 데이터 표시
___정리
4장 아코디언 위젯
___아코디언 위젯의 구조
___아코디언에 스타일 적용
___아코디언 위젯 환경설정
______트리거 이벤트 변경
______기본 액티브 헤더 변경
______아코디언 영역 채우기
______아코디언 애니메이션
___아코디언 이벤트
______change 이벤트 활용
______changestart 이벤트
___아코디언 내비게이션
___아코디언 메소드
______헤더 활성화
______아코디언 패널 크기 조정
___아코디언에 다른 위젯 넣기
___정리
5장 대화상자 위젯
___기본 대화상자 위젯 만들기
___대화상자 옵션
______대화상자 표시
______대화상자 타이틀
______모달 대화상자
______대화상자에 버튼 추가
______대화상자 애니메이션
______대화상자의 크기 설정
______대화상자의 쌓기 순서 설정
___대화상자의 이벤트 모델
___프로그래밍으로 대화상자 조작
______클릭으로 대화상자 화면에 표시
___대화상자에서 데이터 가져오기
___대화상자 안에 다른 위젯 추가
___동적 이미지 기반 대화상자
___정리
6장 슬라이더 위젯
___기본 슬라이더 위젯 구현
___슬라이더의 커스텀 스타일 적용
___환경설정 옵션
______수직형 슬라이더 만들기
______슬라이더의 최댓값, 최솟값 설정
______슬라이더 스텝
______슬라이더 애니메이션
______슬라이더 값의 설정
______여러 개의 슬라이더 핸들 적용
______슬라이더의 범위 옵션
___슬라이더의 이벤트 API 활용
___슬라이더 메소드
___실용적인 활용법
___컬러 슬라이더
___정리
7장 데이트픽커 위젯
___기본적인 데이트픽커 구현
___데이트픽커의 환경설정 옵션
______기본적인 옵션
______최대, 최소 날짜 옵션
______데이트픽커 UI에서 요소 변경
______이벤트 트리거 버튼 추가
______대체 애니메이션 환경설정
______여러 개의 월별 패널 표시
______날짜 포맷의 변경
______추가적인 <input> 요소 업데이트
______데이트픽커 지역화
______콜백 프로퍼티
___유틸리티 메소드
___날짜 선택 메소드
______프로그래밍에 의한 날짜 선택
______대화상자에 데이트픽커 나타내기
___AJAX 데이트픽커
___정리
8장 프로그레스바 위젯
___기본 설정 프로그레스바 구현
___프로그레스바의 환경설정 옵션
______프로그레스바의 값 설정
___프로그레스바 이벤트 API
___프로그레스바 메소드
___사용자 입력에 반응하는 프로그레스
___AJAX 프로그레스바
___정리
9장 버튼 위젯과 자동완성 위젯
___버튼 위젯
______표준 버튼 위젯의 구현
______버튼에 테마 적용
______환경설정 옵션
______버튼 아이콘
______입력 아이콘
______버튼 이벤트
______버튼셋
_________체크박스 버튼셋
_________라디오 버튼셋
______버튼 메소드
___자동완성 위젯
______데이터 소스를 활용한 자동완성 위젯
_________데이터 소스로 객체 배열 사용
______자동완성 위젯의 환경설정 옵션
_________최소 문자 수 설정 옵션
_________대체 요소에 제시어 리스트 첨부
______자동완성 위젯의 이벤트
______자동완성 위젯의 메소드
______원격 데이터 소스를 이용한 자동완성
_________소스의 옵션 값으로 문자열을 사용
_________source 옵션 값으로 함수를 사용
______제시어 리스트에 HTML 요소 적용
___정리
10장 드래그앤드롭
___드래그앤드롭 요소의 관계
___드래그
______기본적인 드래그 구현
___드래그 옵션 환경설정
______드래그 환경설정 옵션
______드래그된 요소의 재설정
______드래그 핸들
______드래그 도우미 요소
______드래그 영역의 제한
______드래그 요소에 스냅 적용
___드래그 이벤트 콜백
___드래그 메소드
___드롭 컴포넌트
___드롭 환경설정
______수용되는 드래그 요소의 환경설정
______드롭 요소의 허용 한계
___드롭 이벤트 콜백
______드롭 영역
______드롭의 greedy 옵션
___드롭 메소드
___드래그앤드롭 게임
___정리
11장 크기 조절 컴포넌트
___기본적인 크기 조절 기능
___크기 조절 옵션
______크기 조절 핸들의 환경설정
______핸들 이미지 추가
______크기 조절 제한 설정
______크기 조절 고스트
______크기 조절 요소에 다른 요소 담기
______비율에 따른 조절
______크기 조절 애니메이션
______동시에 여러 요소의 크기 조절
______의도하지 않은 크기 조절 예방
___크기 조절 콜백
___크기 조절 메소드
___크기 조절 탭 버튼
___정리
12장 선택 컴포넌트
___기본적인 선택 기능 구현
___선택 대상의 클래스명
___선택 기능의 환경설정 옵션
______선택 요소 필터링
______선택의 취소
___선택 기능 관련 콜백
______많은 수의 선택 요소 다루기
___선택 메소드
______선택 요소의 리프레시
___선택 이미지 뷰어
______이미지 선택자에 스타일 적용
______이미지 뷰어의 기능 구현
___정리
13장 정렬 컴포넌트
___기본 정렬 기능 구현
___정렬 환경설정 옵션
______플레이스홀더
______정렬 도우미
______정렬 아이템
______연결된 리스트
___정렬 관련 콜백
___Connected callbacks
___정렬 메소드
______정렬 요소의 나열
___탭 위젯과 정렬 컴포넌트의 결합
______정렬 기능의 드래그앤드롭 애플리케이션
___정리
14장 UI 효과
___핵심 효과 파일
______컬러 애니메이션
______클래스 전환
______향상된 이징 효과
___특정 요소의 하이라이트
______UI 효과에 적용할 수 있는 인수
___바운스 효과
___셰이크 효과
______외곽선에 대한 변환 효과
___스케일 효과
___폭파 효과
___퍼프 효과
___진동 효과
___페이지에 요소 드롭 효과
___슬라이드 효과
______이징 기능 적용
___블라인드 효과
___자르기 효과
___접기 효과
___정리