쉽게 따라 하는 모바일 웹 개발

▣ 01장: 제이쿼리 모바일 준비하기
1.1. 개요
1.2. 프레임워크 비교
- 제이쿼리
- AngularJS vs. 핸들바
- 제이쿼리 모바일 vs. 센차 터치
1.3. 제이쿼리 모바일 설치
- 빌더를 이용하는 방법
- 압축 파일을 통째로 내려받는 방법
- CDN을 이용하는 방법
1.4. 예제 코드 빌드와 실행

▣ 02장: 제이쿼리 모바일 사용법
2.1. Page 위젯
2.2. 페이지 전환
2.3. Form 위젯
2.4. Button 위젯
2.5. Slider 위젯
2.6. Range Slider 위젯
2.7. Flip Switch 위젯
2.8. Checkbox 위젯
2.9. RadioButton 위젯
2.10. Select 위젯
2.11. Textinput 위젯과 Textarea 위젯
2.12. Form 위젯의 특성
- 요소 숨기기
- 폼 요소 비활성화하기
- 폼 요소 그룹화하기
- 폼 요소 자동 초기화하기
- 동적으로 삽입된 폼 요소 초기화하기
2.13. 폼 요소 갱신하기
- Checkbox 위젯
- RadioButton 위젯
- Select 위젯
- Slider 위젯
- Flip switch 위젯
2.14. 폼 요소의 자동 초기화 방지
- data-role="none"
- keepNative 옵션
- data-enhance="false"
2.15. Form 관련 위젯
2.16. Button 위젯
2.17. Icon
2.18. Single Slider 위젯
2.19. Range Slider 위젯
2.20. Flip Switch 위젯
2.21. Radio Button 위젯
2.22. Checkbox 위젯
2.23. Select 위젯
2.24. Textinput 위젯
2.25. Controlgroup
2.26. Collapsibles
2.27. Grid
2.28. Toolbar 위젯
2.29. Table 위젯
2.30. Dialog 위젯
2.31. Popup 위젯
2.32. Accordion 위젯
2.33. Listview 위젯
2.34. Navbar 위젯
2.35. Panel 위젯

▣ 03장: 제이쿼리 모바일 활용하기
3.1. 메서드
- 스타일링 관련 메서드
- 유틸리티성 메서드
- 데이터 관련 메서드
3.2. 이벤트
- hashchange
- mobileinit
- navigate
- orientationchange
- pagecreate
- scrollstart
- scrollstop
- swipe
- tap 및 taphold
- throttledresize
- updatelayout
- 가상 마우스 이벤트
3.3. 테마
- Swatches
- Active State
- Theme inheritance
- ThemeRoller

▣ 04장: 제이쿼리 모바일 내부의 이해
4.1. Page 이벤트
4.2. 페이지 전환 동작 방식 및 새로운 전환 효과 추가하기
4.3. 위젯 정의 방식

▣ 05장: 핸들바
5.1. 핸들바란?
5.2. 핸들바 사용하기
5.3. 핸들바의 기본 문법
- Block
- 하위 속성 표현
- 부모 속성 표현
- 삼중괄호({{{, }}})
- 주석처리
- 스크립트 태그 사용하기
5.4. 핸들바 헬퍼 사용하기
- 내장 헬퍼 사용하기
- 사용자 정의 헬퍼 사용하기
- 사용자 정의 함수 헬퍼 만들기
- 사용자 정의 블록 헬퍼

▣ 06장: Node.js
6.1. Node.js란?
- package.json 생성
- Gruntfile.js
- Grunt-cli 설치
- io.js

▣ 프로젝트 01: 채팅
socket.io란?
socket room 소개
프로젝트 구조 및 설치 방법
구현 계획
구현 방법 설명
결과 화면
결론

▣ 프로젝트 02: 모바일 청첩장
개요
프로젝트 구조
설치 방법
프로젝트 구현
결론