PART I 공개 웹 표준을 사용하여 웹 페이지와 웹 애플리케이션 만들기
HOUR 1 HTML5를 사용한 모바일 웹 애플리케이션 개선
HTML 버전 5까지의 과정 이해하기
HTML5와의 차이점
웹 애플리케이션 정의하기
공개 웹 표준 사용하기
IOS와 안드로이드 장치를 이용하여 HTML5 사용하기
모바일 웹 사이트 작성하기
요약, 질문과 답변, 워크숍
HOUR 2 모바일 개발을 위한 HTML5의 새로운 태그와 속성
새로운 HTML5 태그
새로운 HTML5 속성
HTML 4 태그와 속성에서 변경된 사항
HTML5에서 변경된 HTML 문법
HTML5 태그와 속성의 모바일 지원
모바일 웹 개발을 위한 HTML5의 장점
요약, 질문과 답변, 워크숍
HOUR 3 CSS3를 사용하여 모바일 페이지에 스타일 적용하기
CSS의 간략한 소개
CSS3에 추가된 스타일
모바일 장치에서 CSS3 사용하기
요약, 질문과 답변, 워크숍
HOUR 4 모바일 장치 및 HTML5 지원 여부 확인
어떤 HTML5 요소를 사용할지 선택하기
안드로이드와 iOS의 HTML5 지원
HTML5 기능 감지
단계적 후퇴
CSS3 미디어 쿼리(Media Query)를 사용하여 모바일 브라우저
감지
애플리케이션 테스트
요약, 질문과 답변, 워크숍
HOUR 5 자바스크립트와 HTML5 웹 애플리케이션
자바스크립트란 무엇인가?
jQuery란 무엇인가?
jQuery 모바일 사용하기
요약, 질문과 답변, 워크숍
HOUR 6 모바일 웹 애플리케이션 개발
모든 장치에서 동작하는 사이트 개발하기
어떤 유형의 애플리케이션을 원하는지 결정하기
HTML을 사용하여 애플리케이션 개발하기
HTML을 보기 좋게 만들기 위해 CSS 사용하기
더욱 효율적인 HTML5 페이지를 위해 모바일 메타 태그 추가하기
모바일을 위한 사이트 최적화
요약, 질문과 답변, 워크숍
HOUR 7 사이트를 HTML5로 업그레이드
HTML 4에서 언제, 어떻게 업그레이드할지 결정하기
현재 동작하는 HTML5의 기능
HTML5 브라우저 지원 상태
사이트에 여분의 HTML5 기능 추가하기
모바일 애플리케이션에서 사이트를 실행시킬 HTML5 기술
요약, 질문과 답변, 워크숍
HOUR 8 웹 앱을 모바일 앱으로 변환하기
웹 에디터 선택
애플리케이션 테스트
콘텐츠 평가
모바일을 위한 시각 디자인 변경
HTML5와 CSS3 검사
다양한 장치 지원하기
완성된 애플리케이션을 다른 장치에서 평가하기
구형 브라우저에서 동작하는 애플리케이션 개발
요약, 질문과 답변, 워크숍
PART II HTML5의 주요 기능 배우기
HOUR 9 HTML5의 섹셔닝 요소와 시맨틱 요소로 의미 부여하기
섹셔닝 요소란 무엇인가?
새로운 섹셔닝 요소 사용하기
시맨틱하게 HTML 표기하기
요약, 질문과 답변, 워크숍
HOUR 10 HTML5 캔버스 요소를 사용하여 그림 그리기
캔버스 요소 사용하기
