모바일 웹앱

PART 1. HTML5
Chapter 01 모바일 웹앱
Section 01 모바일 웹앱의 종류
Section 02 모바일 웹앱 프레임워크
1)jQuery Mobile
2)Sencha Touch
3)jQuery Mobile vs Sencha Touch

Chapter 02 개발 환경 구축
Section 01 웹서버 설치
Section 02 크롬 설치
Section 03 Site to Phone 설치
Section 04 책 예제 설치
Section 05 에디터플러스 설치

Chapter 03 HTML5 주요
Section 01 HTML5
Section 02 모바일 웹앱을 위한 설정
1)문서 타입 선언
2)<meta> 태그
3)<link> 태그
Section 03 향상된 폼 양식
Section 04 향상된 Selector API
Section 05 웹 스토리지
Section 06 애플리케이션 캐시
Section 07 위치 정보
Section 08 미디어 재생

PART 2. jQuery Mobile 1
Chapter 01 jQuery Mobile 시작
Section 01 jQuery Mobile 소개
Section 02 jQuery Mobile 특징
Section 03 jQuery Mobile 프레임워크 설치
Section 04 HTML5 사용자 정의 속성
Section 05 jQuery Mobile 웹앱 시작 HTML 파일
Section 06 jQuery Mobile 웹앱 파일 구성

Chapter 02 jQuery Mobile UI
Section 01 페이지
Section 02 컨텐트
Section 03 버튼
1)기본 버튼
2)버튼 아이콘
3)버튼 그룹
4)폼 버튼
Section 04 툴바
1)헤더바
2)푸터바
3)내비게이션바
4)툴바 고정
5)전체 화면 보기
6)공통 푸터바
Section 05 리스트
1)기본 리스트
2)번호 매기기
3)탭 항목 만들기
4)여백 주기
5)항목 구분자 추가
6)필터링하기
7)Split 버튼 추가
8)항목 썸네일 추가
9)항목 아이콘 추가
10)카운트 버블 추가
11)텍스트 서식
12)중첩 리스트
13)리스트 동적 갱신
Section 06 그리드 레이아웃
Section 07 Collapsible 블록
Section 08 폼 양식
1)필드 컨테이너
2)number, email, url, tel 양식
3)Slider 양식
4)Select 양식
5)Checkbox와 Radio Button 양식
6)Flip Toggle 양식

Chapter 03 jQuery Mobile 페이지 이동
Section 01 단일 HTML 모델
Section 02 외부 페이지
Section 03 다른 웹앱 실행
Section 04 데이터 링크
Section 05 페이지 트랜지션
Section 06 페이지 이동 API

Chapter 04 jQuery Mobile 이벤트 처리
Section 01 mobileinit 이벤트
Section 02 페이지 로드 이벤트
Section 03 페이지 초기화 이벤트
Section 04 페이지 제거 이벤트
Section 05 페이지 트랜지션 이벤트
Section 06 터치 이벤트
Section 07 방향 변경 이벤트

Chapter 05 jQuery Mobile 서버 통신
Section 01 AJAX 통신
Section 02 크로스 도메인 통신

Chapter 06 jQuery Mobile 테마
Section 01 jQuery Mobile 테마 특징
Section 02 jQuery Mobile 테마 적용
Section 03 테마롤러로 테마 만들기

Chapter 07 jQuery Mobile 데모
Section 01 웹앱 파일 구성
Section 02 웹앱 시연
Section 03 홈페이지
Section 04 로그인 관련 페이지
1)로그인 폼 페이지
2)로그인 처리 페이지
Section 05 폰 관련 페이지
1)폰 목록 페이지
2)폰 등록 및 수정 폼 페이지
3)폰 등록 및 수정 처리
4)폰 삭제 처리

PART 3. Sencha Touch 2
Chapter 01 Sencha Touch 시작
Section 01 Sencha Touch 소개
Section 02 Sencha Touch 특징
Section 03 Sencha Touch 프레임워크 설치
Section 04 Sencha Touch 클래스 시스템
1)클래스 정의
2)클래스 구성 옵션
3)클래스 상속
4)new 연산자 vs Ext.create()
5)Ext.require()
Section 05 Sencha Touch 웹앱 시작 HTML 생성
Section 06 웹앱 파일 구성

Chapter 02 Sencha Touch UI
Section 01 컴포넌트 종류
1)기능별 분류
2)상속 관계에 따른 분류
Section 02 패널
1)패널 생성
2)컴포넌트 추가와 제거
3)도킹된 컴포넌트 추가
4)HTML 내용 추가
Section 03 레이아웃
1)Default 레이아웃
2)Vbox와 Hbox 레이아웃
3)Fit 레이아웃
4)Card 레이아웃
Section 04 xtype 정의 객체
Section 05 컴포넌트 공통 구성 옵션
Section 06 버튼
Section 07 툴바와 타이틀바
Section 08 세그먼트 버튼
Section 09 오버레이
Section 10 시트
Section 11 액션 시트
Section 12 메시지 박스
1)기본 메시지 박스
2)메시지 박스 한글화
Section 13 멀티미디어
1)비디오
2)오디오
Section 14 지도
Section 15 폼 양식

Chapter 03 Sencha Touch 화면 내비게이션
Section 01 페이지 이동 vs UI 컴포넌트 교체
Section 02 Card 레이아웃
Section 03 화면 전환 애니메이션
Section 04 탭패널
Section 05 캐러셀

Chapter 04 Sencha Touch 이벤트 처리
Section 01 listeners 구성 옵션
Section 02 addListener() 메소드
Section 03 탭 이벤트 처리
Section 04 객체 찾기
Section 05 터치 이벤트 처리
Section 06 드래그 이벤트 처리

Chapter 05 Sencha Touch 서버 통신
Section 01 AJAX 요청
Section 02 마스크
Section 03 XML 응답 처리
Section 04 JSON 응답 처리
Section 05 폼 양식 처리
Section 06 JSONP로 크로스 도메인 데이터 얻기

Chapter 06 Sencha Touch 데이터 바인딩
Section 01 템플레이트
Section 02 X템플레이트
1)반복 처리
2)조건적 처리
Section 03 컨테이너 tpl 구성 옵션
Section 04 AJAX와 JSONP 데이터 바인딩

Chapter 07 Sencha Touch 데이터 I
Section 01 Model 클래스 정의
Section 02 Model 객체 생성, 읽기, 수정
Section 03 Model 데이터 바인딩
1)템플레이트 바인딩
2)폼 바인딩
Section 04 Proxy/Reader/Writer의 역할과 종류
Section 05 HTML5 로컬 저장소 데이터
1)로컬 저장소의 가상 테이블화
2)데이터 읽기
3)데이터 생성, 수정, 삭제
Section 06 AJAX 동일 도메인 서버 데이터
1)XML 데이터 읽기
2)JSON 데이터 읽기
3)데이터 생성, 수정, 삭제
Section 07 JSONP 크로스 도메인 서버 데이터
1)데이터 읽기

Chapter 08 Sencha Touch 데이터 II
Section 01 스토어
Section 02 인라인 데이터 스토어
Section 03 스토어 데이터뷰
1)List
2)항목 탭 이벤트 처리
3)DataView
Section 04 원격 XML 데이터 스토어
Section 05 원격 JSON 데이터 스토어
Section 06 크로스 도메인 데이터 스토어
Section 07 HTML5 로컬 저장소 스토어
Section 08 스토어 정렬
Section 09 스토어 필터링
Section 10 스토어 그룹핑
1)알파벳 그룹핑
2)한글 초성 그룹핑
Section 11 스토어 페이징과 내비게이션
Section 12 트리 스토어와 중첩 리스트
Section 13 스토어 데이터 동기화
1)로컬 저장소와 동기화
2)서버와 동기화

Chapter 09 Sencha Touch 테마
Section 01 Sass 기반 테마
Section 02 Sass 개발 툴 및 설치
Section 03 Sencha Touch 테마 관련 파일
Section 04 사용자 정의 테마 만들기

Chapter 10 Sencha Touch MVC 아키텍쳐
Section 01 MVC 아키텍쳐 소개
Section 02 Sencha SDK Tools 설치
Section 03 MVC 폴더 자동 생성
Section 04 MVC 폴더와 파일 분석
Section 05 View
Section 06 Controller
Section 07 Model
Section 08 Store
Section 09 Profile

Chapter 11 프로덕션 버전 및 네이티브앱 패키징
Section 01 프로덕션 버전
Section 02 네이티브앱 패키징
Section 03 Sencha Touch 2 네이티브 API

Chapter 12 Sencha Touch 데모
Section 01 웹앱 파일 구성
Section 02 웹앱 시연
Section 03 Main 관련 클래스
Section 04 User 관련 클래스
Section 05 Phone 관련 클래스
Section 06 웹앱 초기화 파일
Section 07 서버 데이터 처리
Section 08 프로덕션 빌드

PART 4. PhoneGap
Chapter 01 폰갭
Section 01 폰갭 소개
Section 02 안드로이드 개발 툴 설치
Section 03 AVD 생성
Section 04 폰갭 하이브리드 프로젝트 생성

Chapter 02 웹앱을 하이브리드앱으로 변환
Section 01 jQuery Mobile 하이브리드앱
Section 02 Sencha Touch 2 하이브리드앱

Chapter 03 폰갭 API로 하드웨어 접근
Section 01 하이브리드앱 프로젝트 생성
Section 02 가속도계(Accelerometer)
Section 03 카메라(Camera)
Section 04 방향(Compass)
Section 05 연락처(Contact)
Section 06 통지(Notification)
Section 07 파일(File)
Section 08 데이터베이스(Storage)