Course Outline

소개

  • 웹과 모바일의 융합

프로그레시브 웹 앱을 개발하는 이유

  • 속도 및 성능(웹사이트와 비교)
  • 보안
  • 오프라인 기능
  • 푸시 알림
  • 반송률 개선
  • 앱과 같은 느낌과 기능
  • App Store 우회

웹사이트 활성화

  • 보안 HTTPS 연결
  • JSON 매니페스트
  • 서비스 워커

첫 번째 프로그레시브 웹 앱(PWA) 구축

서비스 워커를 사용하여 앱이 오프라인에서 작동하도록 설정

  • 데이터 캐싱
  • 푸시 알림 제공
  • 콘텐츠 업데이트 중
  • 데이터 조작

이벤트 리스너 및 명령

  • 온라인/오프라인 상태에 따른 네트워크 요청 응답 커스터마이징
  • 데이터 지속성 및 메시징
  • Access Cache API, Fetch API, IndexedDB API, postMessage() 등
  • 알림 API를 통해 사용자 참여 증대

애플리케이션에서 캐시된 자산 사용

웹 앱 매니페스트 구성

  • 홈 화면에 앱 추가

애플리케이션 셸 아키텍처

UI 고려 사항

  • 유용성
  • 현지화

PWA 문제 해결

App Store에 PWA 배포

요약 및 결론

Requirements

  • HTML, CSS 및 객체 지향 JavaScript.
  • 모바일 장치.
  • 모바일 장치에서 Google Chrome을 실행하는 기능.

청중

  • 웹 개발자
  • 앱 개발자
 14 Hours

Number of participants



Price per participant

회원 평가 (3)

Related Courses

Related Categories