추가 적립 안내

웹 디자이너, 웹 퍼블리서, 웹 개발자를 위한 기본 지침서. jQuery Mobile에 대한 강의를 진행하면서 실무자들의 반응을 고려하여 완성된 책이다. 모바일 웹을 구성할 수 있는 jQuery Mobile의 기본 속성들을 다루었고, 기초 내용은 물론 고급 내용까지 살펴본다.

PART1. Mobile WebApp
Section1. 모바일 웹 환경의 진화
1. 네이티브 앱 (Native App)
2. 모바일 웹 (Mobile Web)
3. 모바일 웹앱 (Mobile Web App)
4. 하이브리드 앱 (Hybrid App)
Section2. 모바일 웹앱 Framework
1. jQTouch
2. jQuery Mobile
3. Sencha Touch
4. Naver Jindo Mobile
Section3. 개발환경 구성하기
1. 실행환경을 위한 APM 설치
1) APMSetup for Windows
2) MAMP for Mac OS
2. 웹 브라우저 설치 (Google Chrome)
3. Site To Phone 설치
1) Site To Phone 가입 및 인증
2) Google Chrome Plugin
3) iPhone
4) Android Phone
4. 소스 편집기 설치
1) Editplus3의 설치 (for Windows)
2) Coda의 설치 (for MAC OS)
Section4. 모바일 웹의 중심 HTML5
1. HTML5 시작하기
1) DTD 선언문의 변경
2) 태그를 통한 캐릭터 셋 지정
3) 첫번째 모바일 웹 페이지를 위한 기본 준비
4) 모바일 웹앱을 위한 설정
2. HTML5 API 살펴보기
1) 새로워진 WebForm
2) QuerySelector
3) 멀티미디어
4) WebStorage
5) WebDatabase
6) GeoLocation
7) Application Cache

PART2. jQuery Mobile UI
Section1. jQuery Mobile 시작하기
1. jQuery Mobile을 활용하기 위한 환경 구성
1) jQuery Mobile 다운로드 받기
2) jQuery Mobile 소스파일 구성
2. Hello jQuery Mobile
1) jQuery Mobile 사용을 위한 소스 참조
2) jQuery Mobile 페이지 구성하기
3. jQuery Mobile 페이지 구조
4. jQuery Mobile Theme (Theme Swatches)
5. jQuery Mobile의 동작 원리
Section2. 사용자 인터페이스
1. 페이지와 다이얼로그
1) 페이지 이동하기
2) 하나의 파일로 여러 페이지 구성하기
3) 페이지 이동 애니메이션
4) 팝업 다이얼로그
5) 다이얼로그 ActionSheet
6) 이전 페이지로의 복귀
7) 페이지 테마
2. 버튼과 아이콘
1) 기본 버튼 사용하기
2) 버튼 옵션
3) 아이콘
4) 아이콘 위치 지정
5) 커스텀 아이콘
6) 그룹 버튼
7) 버튼 테마
3. 툴바
1) HeaderBar
2) FooterBar
3) NavBar
4) FullScreen
4. 리스트 뷰
1) ListView
2) Number List
3) Link List
4) Link List Icon
5) Inset List
6) TwoLine List
7) Split List
8) Thumbnail List
9) List Divider
10) Count Bubble
11) ASide
12) Search List
13) Hidden Data Search List
14) Icon List
15) Content Formatting
16) NestedList
17) ListView Theme
5. 폼
1) FieldContain
2) FormatField
3) Slider
4) DropDown
5) CheckBox와 RadioButton
6) Flip Toggle
7) 리스트뷰안에 Form을 넣기
8) 폼 테마
6. 컨텐츠 형식 지정
1) ui-bar
2) ui-body
3) Grid
4) Collapsible
5) Collapsible-set
6) Collapsible 테마
7. jQuery Mobile Theme 커스터마이징 (Theme Roller)
1) 테마롤러로 디자인하기
2) 테마롤러 적용하기
Section3. jQuery Mobile 페이지 이동
1. 다른 형태의 Link
1) 다른 웹앱의 호출
2) DataLink
2. GET / POST 데이터 전송
1) GET 방식의 데이터 전송
2) POST 방식의 데이터 전송

PART3. jQuery
Section1. jQuery 다루기
1. jQuery 기본
1) Hello jQuery
2) HTML 요소의 획득
3) JSON
2. jQuery 이벤트 처리
1) Click Event
2) Key Event
3) Focus Event
4) Change Event
5) Submit Event
3. Form 처리
4. 이벤트 고급 처리
1) bind
2) one
5. HTML의 속성과 스타일시트 제어
1) HTML속성과 CSS속성 및 클래스 제어
2) CSS 클래스 토글
6. 에니메이션 처리
1) show / hide
2) 더보기 메뉴 예제
7. 요소의 탐색과 생성
1) 요소의 탐색
2) 요소의 생성
Section2. Ajax
1. Ajax의 개요
1) 텍스트 파일 읽어오기
2) Server Side Script와의 연동
2. Ajax를 통한 XML 데이터 처리
1) XML 파일 읽어오기
2) Server Side Script와의 연동
3. Ajax를 통한 JSON 데이터 처리
1) JSON 형식의 데이터 얻어오기
2) Server Side Script와의 연동
4. Cross Domain 통신
1) 프록시 페이지를 사용한 Naver Open API 연동
2) JSONP 개요
3) Daum Open API 연동

PART4. jQuery Mobile API
Section1. jQuery Mobile 이벤트
1. jQuery Mobile 초기화
1) mobileinit 이벤트
2) 기본 환경설정
2. Page Event
1) Page Load 이벤트
2) Page Create 이벤트
3) Page Show Hide 이벤트
3. Touch Event
1) Tap 이벤트
2) Swipe 이벤트
3) Orientation 이벤트
Section2. jQuery Mobile API
1. 유틸리티
1) changePage
2) loading Message
3) parseUrl
4) makePathAbsolute
5) makeUrlAbsolute
6) isSameDomain
7) isRelativeUrl
8) isAbsoluteUrl
2. 컨트롤 관련 API
1) button
2) listview
3) collapsible

PART5. Third Party Plugins
Section1. Plugin 소개
Section2. Icon Pack
1. 플러그인 다운로드
2. 플러그인 적용 방법
3. 플러그인 적용 사례
1) page
2) header
3) header button
4) footer Tab
5) Form
6) listview
7) dialog
Section3. iOS Theme
1. 플러그인 다운로드
2. 플러그인 적용 방법
3. 플러그인 적용 사례
1) page
2) header
3) header button
4) footer Tab
5) Form
6) listview
7) dialog
Section4. Pagination
1. 플러그인 다운로드
2. 플러그인 적용 방법
3. 플러그인 적용 사례
Section5. PhotoSwipe
1. 플러그인 다운로드
2. 플러그인 적용 방법
3. 플러그인 적용 사례
Section6. SwipeButton
1. 플러그인 다운로드
2. 플러그인 적용 방법
3. 플러그인 적용 사례
Section7. ActionSheet
1. 플러그인 다운로드
2. 플러그인 적용 방법
3. 플러그인 적용 사례

PART6. HybridApp with jQuery Mobile
Section1. Hybrid App Framework
Section2. Appspresso 개발환경 구축
1. JDK 다운로드 및 설치
2. Appspresso SDK 다운로드 및 설치
3. Android SDK 다운로드 및 설치
4. iOS 개발환경 연동 (only Mac OS)
Section3. Hello Appspresso
1. 프로젝트 생성하기
2. 프로젝트 구성 살펴보기
3. 소스코드 작성
4. 프로젝트 빌드
Section4. 장치정보 획득하기
1. 프로젝트 설정
2. API 소개
3. 구현 사례
Section5. 진동과 비프음 제어하기
1. 프로젝트 설정
2. API 소개
3. 구현 사례
Section6. 진주소록 조회하기
1. 프로젝트 설정
2. API 소개
3. 구현 사례
Section7. 카메라 사용하기
1. 프로젝트 설정
2. API 소개
3. 구현 사례

PART7. WebApp Demo
Section1. TodoList
1. 프로그램 실행화면 미리보기
2. 프로그램 구성
3. 소스코드 구현
Section2. Image검색 with Daum Open API
1. 프로그램 실행화면 미리보기
2. 프로그램 구성
3. 소스코드
Section3. 지역정보 검색 (with Google Map, Naver/Daum Open API)
1. 프로그램 실행화면 미리보기
2. 프로그램 구성
3. 소스코드
Section4. 게시판
1. 프로그램 실행화면 미리보기
2. 프로그램 구성
3. 소스코드 설명