"HTML5 모바일 웹 개발 실습"
나누다:웹페이지 제작보다:3053530다운로드:282

HTML5 모바일 웹 개발 실습 콘텐츠 소개:

오늘날 모바일 애플리케이션 개발은 소프트웨어 산업에 새로운 물결을 일으켰습니다. 그러나 모바일 장치는 다양한 화면 크기, 저장 공간 및 성능 제한으로 인해 빠르게 발전하고 있습니다. 여러 플랫폼에서 고성능의 반응형 모바일 웹 사이트를 만드는 방법은 프로그래머가 직면한 주요 과제입니다.

"HTML5 모바일 웹 개발 실제"는 이러한 과제에 대한 솔루션을 제공합니다. 이 책을 읽으면 여러 모바일 플랫폼에서 최신 HTML5 모바일 전용 기능을 효과적으로 활용하는 방법을 배우게 됩니다. 이 책은 모바일 웹, 기기 측 구성 및 최적화, 상호 작용, 반응형 디자인, 기기 액세스, 디버깅, 성능 테스트, 리치 미디어 등의 관점에서 시작하여 10개의 장으로 구성되어 있습니다. iOS, Android, Windows Phone, BlackBerry 등 다양한 주류 모바일 애플리케이션 플랫폼에 적합한 빠르고 반응성이 뛰어난 HTML5 모바일 웹사이트를 구축하는 방법을 자세히 알아보세요.

"HTML5 모바일 웹 개발 실습"의 저자는 HTML5 Boilerplate 프로젝트의 멤버이자 MobileBoilerplate(http://h5bp.com/mobile)의 주요 개발자입니다. 『HTML5 모바일 웹 개발 실습』은 고성능, 반응형, 크로스 플랫폼 HTML5 모바일 웹사이트를 구현하려는 프로그래머를 위해 맞춤 제작되었으며, 모바일 웹 개발에 관심이 있는 독자를 위한 학습 참고서로도 적합합니다.

HTML5 모바일 웹 개발 실습 목차:

1장 HTML5와 모바일 웹사이트
1.1 소개
1.2 웹사이트에 적합한 모바일 장치 결정
1.2.1 사용자가 가장 일반적으로 사용하는 플랫폼과 브라우저는 무엇입니까
1.2.2 최신 스크립트를 지원하는 모바일 장치를 사용하는 사용자 수
1.2.3 Google Analytics의 대안
1.2.4 Google Analytics의 정확성
1.2.5 서버의 읽기 속도에 대한 우려
1.3 모바일 개발 도구 구성
1.3.1 준비
1.3.2 연습
1.3.3 검토
1.3.4 확장
1.4 블랙베리 에뮬레이터
1.4.1 준비
1.4.2 연습
1.5 모바일 개발 환경 구성
1.5.1 준비
1.5.2 연습
1.5.3 검토
1.5.4 확장
1.6 모바일 웹사이트에서 HTML5 사용하기
1.6.1 준비
1.6.2 연습
1.6.3 검토
1.6.4 확장
1.7 크로스 브라우저 HTML5
1.7.1 준비
1.7.2 연습
1.7.3 검토
1.7.4 확장
1.8 모바일 디자인
1.8.1 준비
1.8.2 연습
1.8.3 검토
1.8.4 확장
1.9 콘텐츠 전략 정의
1.9.1 준비
1.9.2 연습
1.9.3 검토
1.9.4 확장
Chapter 2 모바일 단말기의 구성과 최적화
2.1 소개
2.2 인터페이스 아이콘을 통해 웹 애플리케이션 시작
2.2.1 준비
2.2.2 연습
2.2.3 검토
2.2.4 확장
2.2.5 참고
2.3 텍스트 글꼴 크기 재설정 방지
2.3.1 준비
2.3.2 연습
2.3.3 검토
2.3.4 확장
2.4 브라우저 뷰포트 너비 설정 최적화
2.4.1 준비
2.4.2 연습
2.4.3 검토
2.4.4 확장
2.5 모바일 Safari의 리플로우 스케일 문제 해결
2.5.1 준비
2.5.2 연습
2.5.3 검토
2.5.4 확장
2.6 브라우저에서 기본 모바일 애플리케이션 실행
2.6.1 준비
2.6.2 연습
2.6.3 검토
2.6.4 확장
2.7 iPhone에서 전체 화면 모드 시작
2.7.1 준비
2.7.2 연습
2.7.3 검토
2.7.4 확장
2.8 초점을 맞출 때 iOS가 자동으로 확대/축소되지 않도록 방지
2.8.1 준비
2.8.2 연습
2.8.3 검토
2.8.4 확장
2.9 일부 WebKit 기능 비활성화 또는 제한
2.9.1 준비
2.9.2 연습
2.9.3 검토
2.9.4 확장
3장 모바일 장치와 상호 작용하는 방법
3.1 소개
3.2 터치를 사용하여 페이지 요소 이동
3.2.1 준비
3.2.2 연습
3.2.3 검토
3.2.4 확장
3.2.5 참고
3.3 수평 및 수직 화면 전환 이벤트 감지 및 처리
3.3.1 준비
3.3.2 연습
3.3.3 검토
3.3.4 확장
3.3.5 참고
3.4 제스처를 사용하여 페이지 요소 회전
3.4.1 준비
3.4.2 연습
3.4.3 검토
3.4.4 확장
3.4.5 참고
3.5 슬라이딩을 사용하여 갤러리 만들기
3.5.1 준비
3.5.2 연습
3.5.3 검토
3.5.4 확장
3.5.5 참고
3.6 제스처를 사용하여 이미지 확대/축소 작동
3.6.1 준비
3.6.2 연습
3.6.3 검토
3.6.4 확장
3.6.5 참고
4장 빠르고 반응성이 뛰어난 모바일 인터넷 사이트 구축
4.1 소개
4.2 HTML5 구문을 사용하여 페이지 구축
4.2.1 준비
4.2.2 연습
4.2.3 검토
4.2.4 확장
4.2.5 참고
4.3 점진적인 향상을 위해 CSS3 기능 사용
4.3.1 준비
4.3.2 연습
4.3.3 검토
4.3.4 확장
4.3.5 참고
4.4 반응형 디자인 사용
4.4.1 준비
4.4.2 연습
4.4.3 검토
4.4.4 확장
4.5 폴리필 스크립트 로딩 속도 최적화
4.5.1 준비
4.5.2 연습
4.5.3 검토
4.5.4 확장
4.5.5 참고
4.6 사용자 클라이언트 감지
4.6.1 준비
4.6.2 연습
4.6.3 검토
4.6.4 확장
4.7 북마크 풍선을 사용하여 애플리케이션에 바탕화면 바로가기 추가
4.7.1 준비
4.7.2 연습
4.7.3 검토
4.7.4 참조
4.8 자동으로 확장 가능한 텍스트 입력 상자 만들기
4.8.1 준비
4.8.2 연습
4.8.3 검토
4.8.4 확장
4.8.5 참고
4.9 가속 버튼 피드백
4.9.1 준비
4.9.2 연습
4.9.3 검토
4.9.4 확장
4.9.5 참조
4.10 브라우저 주소 표시줄 숨기기
4.10.1 준비
4.10.2 연습
4.10.3 검토
4.10.4 참조
4.11 모바일 인터넷 사이트용 사이트맵 구축하기
4.11.1 준비
4.11.2 연습
4.11.3 검토
4.11.4 확장
5장 모바일 장치 액세스
5.1 소개
5.2 위치 정보 얻기
5.2.1 준비
5.2.2 연습
5.2.3 검토
5.2.4 확장
5.3 크로스 브라우저 타겟팅
5.3.1 준비
5.3.2 연습
5.3.3 검토
5.3.4 확장
5.4 지리 정보를 기반으로 지도 표시
5.4.1 준비
5.4.2 연습
5.4.3 검토
5.4.4 확장
5.5 지리적 위치 실시간 표시
5.5.1 준비
5.5.2 연습
5.5.3 검토
5.6 DeviceOrientation 이벤트 사용
5.6.1 준비
5.6.2 연습
5.6.3 검토
5.6.4 확장
5.7 Foursquare의 포지셔닝 사용하기
5.7.1 준비
5.7.2 연습
5.7.3 검토
5.7.4 확장
6장 모바일 리치 미디어
6.1 소개
6.2 모바일 장치에서 오디오 재생
6.2.1 준비
6.2.2 연습
6.2.3 검토
6.2.4 확장
6.3 모바일 장치에서 비디오 재생
6.3.1 준비
6.3.2 연습
6.3.3 검토
6.3.4 확장
6.4 오프라인 캐시 사용
6.4.1 준비
6.4.2 연습
6.4.3 검토
6.4.4 확장
6.5 웹 저장소 사용
6.5.1 준비
6.5.2 연습
6.5.3 검토
6.5.4 확장
6.6 웹 워커 사용하기
6.6.1 준비
6.6.2 연습
6.6.3 검토
6.7 세션 및 기록 API를 사용하여 Flash와 같은 탐색 효과 만들기
6.7.1 준비
6.7.2 연습
6.7.3 검토
6.7.4 확장
7장 모바일 장치 디버깅
7.1 소개
7.2 Opera Dragonfly 원격 디버깅 사용
7.2.1 준비
7.2.2 연습
7.2.3 검토
7.2.4 확장
7.3 weinre 원격 디버깅 사용
7.3.1 준비
7.3.2 연습
7.3.3 검토
7.4 모바일 장치에서 Firebug 사용하기
7.4.1 준비
7.4.2 연습
7.4.3 검토
7.4.4 확장
7.5 JS 콘솔을 사용한 원격 디버깅
7.5.1 준비
7.5.2 연습
7.5.3 검토
7.5.4 확장
7.6 모바일 Safari 디버거 설정
7.6.1 준비
7.6.2 연습
7.6.3 검토
8장 서버 측 성능 튜닝
8.1 소개
8.2 모바일 장치 트랜스코딩 방지(Mobile Transcoding)
8.2.1 준비
8.2.2 연습
8.2.3 검토
8.2.4 확장
8.3 모바일 장치에서 지원되는 MIME 유형 추가
8.3.1 준비
8.3.2 연습
8.3.3 검토
8.3.4 확장
8.4 캐시 매니페스트 파일을 올바르게 표시
8.4.1 준비
8.4.2 연습
8.4.3 검토
8.5 헤더 파일에 향후 만료 시간 설정
8.5.1 준비
8.5.2 연습
8.5.3 검토
8.5.4 확장
8.6 Gzip 압축 사용
8.6.1 준비
8.6.2 연습
8.6.3 검토
8.6.4 확장
8.7 ETag 제거
8.7.1 준비
8.7.2 연습
8.7.3 검토
8.7.4 확장
Chapter 9 모바일 성능 테스트
9.1 소개
9.2 Blaze를 사용한 모바일 장치 속도 테스트
9.2.1 준비
9.2.2 연습
9.2.3 검토
9.2.4 확장
9.3 모바일 페이지 속도의 온라인 분석
9.3.1 준비
9.3.2 연습
9.3.3 검토
9.3.4 확장
9.4 PCAP 웹사이트 성능 분석
9.4.1 준비
9.4.2 연습
9.4.3 검토
9.4.4 확장
9.5 모바일 HTTP 아카이브
9.5.1 준비
9.5.2 연습
9.5.3 검토
9.5.4 확장
9.6 Jdrop을 사용하여 성능 데이터 저장
9.6.1 준비
9.6.2 연습
9.6.3 검토
9.6.4 확장
Chapter 10 모바일 인터넷의 특성을 수용하세요
10.1 소개
10.2 window.onerror
10.2.1 준비
10.2.2 연습
10.2.3 검토
10.2.4 확장
10.3 ECMAScript 5의 새로운 메소드 사용하기
10.3.1 준비
10.3.2 연습
10.3.3 검토
10.3.4 확장
10.4 HTML5의 새로운 입력 유형
10.4.1 준비
10.4.2 연습
10.4.3 검토
10.4.4 확장
10.5 HTML에 SVG 삽입
10.5.1 준비
10.5.2 연습
10.5.3 검토
10.5.4 확장
10.6 위치:고정
10.6.1 준비
10.6.2 연습
10.6.3 검토
10.7 오버플로:스크롤
10.7.1 준비
10.7.2 연습
10.7.3 검토
10.7.4 확장

성명:

이 웹사이트의 모든 리소스는 네티즌이 제공 및 게시하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 웹사이트의 모든 리소스는 학습 및 참조용으로만 제공됩니다. 상업적인 목적으로 사용하지 마세요. 그렇지 않을 경우 발생하는 모든 결과에 대한 책임은 귀하에게 있습니다! 침해 내용이 있는 경우 당사에 연락하여 삭제 및 제거를 요청하시기 바랍니다. 연락처: admin@php.cn

최신 강좌

더보기
  • [웹 프런트엔드] Node.js 빠른 시작
    [웹 프런트엔드] Node.js 빠른 시작
    이 과정은 초보자를 위해 특별히 고안되었으며 학생들이 Node.js의 기본 지식과 핵심 기술을 빠르게 습득할 수 있도록 돕는 것을 목표로 합니다. 이 과정은 Node.js의 설치 및 환경 구성으로 시작하여 비동기 프로그래밍 모델, 모듈 시스템 및 이벤트 중심 메커니즘을 심층적으로 분석합니다. 풍부한 실제 사례를 통해 학생들은 Node.js를 사용하여 효율적이고 안정적인 웹 서버를 구축하고, HTTP 요청 및 응답을 처리하고, 파일 작업 및 데이터베이스 상호 작용을 수행하는 방법을 배웁니다. 또한 이 과정에서는 프런트엔드 개발에서 Node.js의 일반적인 애플리케이션 시나리오도 소개하여 학생들이 실무 능력을 빠르게 향상시키고 프런트엔드 개발 과제에 쉽게 대처할 수 있도록 돕습니다.
  • 해외 웹 개발 풀스택 강좌 총집합
    해외 웹 개발 풀스택 강좌 총집합
    이 과정은 HTML, CSS, JavaScript, Vue.js, React, Flutter 및 모바일 앱 개발을 다루는 포괄적인 튜토리얼입니다. 기본적인 웹 페이지 제작부터 복잡한 프런트엔드 및 백엔드 상호 작용, 모바일 애플리케이션의 실제 개발까지, 강좌는 내용이 풍부하고 실용성이 뛰어납니다. 일련의 실습 프로젝트를 통해 학생들은 다양한 개발 기술에 대한 심층적인 이해와 습득을 통해 풀스택 개발 엔지니어로 빠르게 성장할 수 있습니다. 초보자와 숙련된 개발자 모두 이점을 누릴 수 있습니다. 본 과정을 이수하면 웹 애플리케이션과 모바일 애플리케이션을 독립적으로 개발할 수 있는 능력을 갖추게 되며 향후 경력 개발을 위한 탄탄한 기반을 마련하게 됩니다.
  • Go 언어 실습 GraphQL
    Go 언어 실습 GraphQL
    이 과정은 학습자가 Go 언어를 사용하여 GraphQL 서비스를 구현하는 방법을 익히는 데 도움을 주기 위해 고안되었습니다. 본 과정은 GraphQL에 대한 기본 지식부터 시작하여 데이터 쿼리 언어의 특징과 장점을 심층적으로 분석한 후 Go 언어의 특징과 결합하여 GraphQL 서버 구축 방법, 요청 처리 방법, 데이터 정의 방법을 자세히 설명합니다. 패턴 등 풍부한 실제 사례를 통해 학습자는 GraphQL을 실제 프로젝트에 통합하여 데이터 상호 작용의 유연성과 효율성을 향상시키는 방법을 배웁니다. 이 과정은 Go 언어에 대한 특정 기초를 갖춘 개발자에게 적합하며 효율적이고 현대적인 API를 구축하는 데 필수입니다.
  • 550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
    550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다
    이 과정은 초보자를 위해 특별히 고안되었으며 Google 상사가 진행합니다. 본 과정은 JavaScript의 기본 지식부터 시작하여 점차 심화되어 구문, 함수, 객체, 이벤트 처리 등을 다룹니다. 생생한 사례와 실습을 통해 학생들은 JavaScript의 핵심 기술을 빠르게 익힐 수 있습니다. 선생님께서 학생들의 질문에 직접 답변해 주시고, 프로그래밍 경험을 공유해주셔서 학생들이 편안하고 즐거운 분위기 속에서 자바스크립트 마스터로 성장할 수 있도록 도와드립니다. 프로그래밍 초보자이시든, 기술을 향상시키려는 개발자이시든, 이 과정은 JavaScript 학습을 위한 최선의 선택이 될 것입니다.
  • 기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
    기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬
    이 과정에서는 프로그래밍 여정을 안내합니다. 처음부터 시작하는 이 6시간 과정은 Python의 기본 및 고급 개념을 안내합니다. 기술을 향상시키려는 초보자이든 숙련된 프로그래머이든 Mosh의 심층적인 설명과 명확한 교육 방법을 통해 Python을 빠르게 익힐 수 있습니다. 변수, 데이터 유형, 조건문, 루프, 함수, 개체 및 모듈에 대해 자세히 알아보고 실습을 통해 이해를 강화하세요. 이 과정은 Python을 배우고 다양한 직업 분야에 대비하는 데 이상적입니다. Mosh의 전문 지식과 교육에 대한 열정은 여러분이 능숙한 Python 개발자가 되기 위한 길을 시작할 수 있는 자신감을 줄 것입니다.