새로운 6부로 구성된 교육과 함께 프로그레시브 웹 앱을 시작해 보세요. 새로운 Codelab은 완료할 수 있습니다.
4년 전 PWA 교육을 마지막으로 출시한 이후 프로그레시브 웹 앱 세상에는 많은 변화가 있었습니다. CSS Grid가 광범위하게 구현되었고, PWA가 데스크톱에 도입되었으며, 기능 프로젝트에서는 25개 이상의 새로운 기기 통합 중심 API를 출시하여 전적으로 웹에서 구축할 수 있는 새로운 앱 세그먼트를 열었습니다. 오늘, 모든 기기에 대해 안정적이고 설치 가능하며 성능이 뛰어난 프로그레시브 웹 앱을 빌드하는 방법을 알려 드리기 위해 새롭게 업데이트된 PWA 교육의 첫 번째 반복 자료를 공유하게 되어 기쁩니다.
현재 버전의 교육은 여섯 개의 슬라이드 자료로 나뉘어져 있으며, 이를 통해 학습하거나 다른 사람에게 가르칠 수 있습니다. 이동했습니다.
이 새로운 자료와 함께, 슬라이드 자료 전체에 걸쳐 학습한 개념을 사용하여 심층적인 기기 통합을 통해 웹 앱을 프로그레시브 웹 앱으로 전환하는 8가지 새로운 Codelab이 있습니다. Codelab으로 바로 이동하여 개별적으로 작업하거나 계속해서 Codelab을 진행해도 됩니다. 원하는 대로 선택할 수 있습니다. 이동했습니다.
- 오프라인으로 전환 - 오프라인으로 콘텐츠를 캐시하고 제공하도록 서비스 워커를 작성하는 기본 사항
- Workbox 작업 - Workbox를 사용하여 서비스 워커 작성
- IndexedDB - IndexedDB를 사용하여 데이터 저장 및 검색
- 탭하여 작업 표시줄 - 웹 앱을 설치 가능하게 만들고 앱 바로가기 제공
- 메시지 표시 및 설치 측정 - 인앱 설치 메시지 추가 및 성공 추적 위치
- PWA 강화 - 로컬 파일 시스템 액세스, 파일 핸들러 등록 등 고급 기능 추가
- 서비스 워커에 포함 - 스트리밍 서비스 워커 응답을 동적으로 생성
- 작업자로 작업하기 - 웹 작업자를 사용하여 기본 스레드에서 작업을 오프로드합니다.
향후 몇 개월에 걸쳐 Google은 슬라이드 자료의 콘텐츠를 소비하고 업데이트하기 쉬운 형식으로 변환할 예정입니다. 이렇게 하면 콘텐츠를 더 쉽게 업데이트할 수 있으므로 더 이상 콘텐츠를 푸시하기 위해 4년을 기다리지 않아도 됩니다. 계속해서 지켜봐 주세요. 웹 앱의 미래는 흥미롭습니다. 웹 앱을 빌드하는 방법을 알려드리게 되어 매우 기쁩니다.