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을 실행하는 기능.
청중
- 웹 개발자
- 앱 개발자
회원 평가 (5)
저는 Gunnar가 교육 과정을 진행하는 동안 거의 모든 코드를 즉석에서 작성했던 점이 마음에 들었고, 교육이 끝난 후에도 참고할 수 있는 Google 드라이브에 미리 준비된 자료가 많이 있었다는 점도 좋았습니다. 제가 사전에 제공한 샘플 데이터를 기반으로 Gunnar가 작성한 코드도 매우 유용했고, 훈련을 우리의 데이터 세트와 관련성 있게 진행할 수 있었습니다.
Ranvir - Schroders Personal Wealth
Course - Visual Studio Code
Machine Translated
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
Course - Reactive Programming with Angular RxJS
Real-life examples.
Kristoffer Opdahl - Buypass AS
Course - Web Security with the OWASP Testing Framework
Though an online training, the interactivity with the trainer was remarkable and was always available to provide valuable sources to complement the training. I am very satisfied.
Nuno Marques - MULTICERT, S.A.
Course - Functional Reactive Programming with Java 9 and RxJava
Pacing, depth, and explanations were all superb. It's clear Scott is an expert on the subject and learning from him was super enjoyable.