Learn Angular 8 by building a Progressive Web App (PWA)

Learn Angular 8 by building a Progressive Web App (PWA)

渐进式Web应用程序或PWA是具有一组功能(类似于本机应用程序)的Web应用程序,可以为用户提供类似应用程序的体验,用户。PWA需要满足一系列基本要求,我们将在后面看到。PWA与本机应用程序相似,但是可以通过URL从Web服务器进行部署和访问,因此我们不需要遍历应用程序商店。

Video: .MP4, 1280×720 30 fps | Audio: AAC, 44.1 kHz, 2ch | Duration: 02:41:04
Genre: eLearning | Language: English + Subtitles | Size: 1.67 GB
Develop a real world Movie Browser app and deploy on Google’s Firebase free hosting service

Develop a real world Movie Browser app and deploy on Google’s Firebase free hosting service


What you’ll learn
Install Node, Angular CLI, Firebase tools.
Create a new Angular 8 app from scratch.
Build a production ready application.
Develop a real “Movie browser” Application.
Deploy to Google Firebase’s free hosting service.
Understand what a PWA (Progressive Web Apps) is.
Test your Angular 8 application on Android phone
Install the Movie browser app as a desktop application
Run your app even when you are offline (using service workers)
Create web applications that look and feel like native mobile apps

Requirements
Basic HTML/CSS/JS knowledge
You should have a PC or Laptop with decent internet connection
Description
A Progressive Web App or PWA is a web application that has a set of capabilities (similar to native apps) which provide an app-like experience to users. PWAs need to meet a set of essential requirements that we’ll see next. PWAs are similar to native apps but are deployed and accessible from web servers via URLs, so we don’t need to go through app stores.
A PWA needs to be:
Progressive: Work for every user, regardless of browser choice, because they are built with progressive enhancement as a core tenet.
Responsive: Fit any form factor, desktop, mobile, tablet, or whatever is next.
Connectivity independent: Enhanced with service workers to work offline or on low-quality networks.
App-like: Use the app-shell model to provide app-style navigation and interactions.
Fresh: Always up-to-date thanks to the service worker update process.
Safe: Served via HTTPS to prevent snooping and ensure content has not been tampered with.
Discoverable: Are identifiable as “applications” thanks to W3C manifests and service worker registration scope allowing search engines to find them.
Re-engageable: Make re-engagement easy through features like push notifications.
Installable: Allow users to “keep” apps they find most useful on their home screen without the hassle of an app store.
Linkable: Easily share via URL and not require complex installation.
In detail, this course will cover everything you need to build amazing PWAs – leading to a score of 100 (out of 100) in Google’s PWA auditing tool “Lighthouse”.
This is completely a hands-on training, bringing all the best practices that a developer should follow in his/her projects.

Who this course is for:
Anyone who wants to know what a PWA is.
Software developers to learn Angular 8 by coding a real world app
Frontend developers interested to learn Angular 8
Anyone exploring new features of Angular 8

Homepage
此内容仅限VIP查看,请先
本站资源仅限VIP会员下载点击购买VIP会员

原创文章,作者:steven,如若转载,请注明出处:https://rr3d.cn/7740.html

赞 (0)
steven的头像steven
上一篇 2021年5月4日
下一篇 2021年5月4日

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部