|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/progressive-web-app-pwa-the-complete-guide/
课程评论:没有评论
课程名称:渐进式Web应用程序(PWA)- 完整指南 课程概述: 渐进式Web应用程序(PWAs)为用户带来类似移动应用的体验,无需从应用商店/播放商店安装应用。您将仍然创建一个Web应用(HTML、CSS、JavaScript),但本课程将教您如何添加诸如摄像头访问、离线支持的服务工作者、推送通知等功能。这种方法结合了两者的优点:快速、引人入胜和可靠的体验,同时仍然具备网页的广泛覆盖和可访问性。 “渐进式Web应用”是一个总结了所有功能的术语,允许您提供类似移动的体验。该主题备受关注且具有持久性!不仅受到谷歌的强烈推动,也被Twitter和《华盛顿邮报》等大公司快速采纳。掌握构建和优化这类Web应用的技能,对现代Web开发者来说,已经成为一项重要而备受需求的技能,并且这一趋势只会加速!因此,学习如何构建PWA将为您带来竞争优势。 本课程将涵盖构建惊人PWA所需的一切,帮助您在谷歌的PWA审计工具“Lighthouse”中获得100分(满分100): - PWA的详细解释 - 如何使用应用清单使Web应用可安装在设备主页 - 使用服务工作者提供离线支持,通过缓存资产 - 高级服务工作者使用及缓存策略 - 关于Promises和Fetch API的复习,因为这两个概念在PWA中广泛应用 - 如何通过添加推送通知来提高用户参与度 - 即便连接丢失,也能在后台同步数据 - 如何访问本地设备功能,如相机或地理位置 - 使用Workbox简化服务工作者管理 - 如何将下一个单页应用项目转化为PWA - 等等 所有这些内容都将通过构建课程项目来实践。为了确保您能将所学知识应用于任何项目,课程项目并不假设使用任何JavaScript框架,而是专注于上述核心功能。 适合谁: - 如果您已经是Web开发者(不论是经验丰富还是新手),并希望为未来做准备 - 如果您喜欢使用HTML、CSS和JavaScript,并希望充分利用网络和浏览器技术的所有力量 - 如果您希望向用户提供最佳体验,使用诸如Web推送通知或离线支持等技术 课程要求: - 您需要至少了解HTML、CSS和JavaScript的基础知识,但不需要高级知识 - 您不需要了解任何JavaScript框架,如Angular或React——PWA适用于任何JavaScript应用,即使不使用框架(事实上,课程中就将构建这样的应用!) 我诚挚地欢迎您加入本课程,和我一起开始这段学习之旅!
Progressive Web Apps (PWAs) bring mobile-app-like experiences to your users without requiring them to install an app from the app store/ play store.You still create a web application (HTML, CSS, JavaScript) but this course will teach you how to add features such as camera access, service workers for offline support, push notifications and more. This combines the best of both worlds: You deliver fast, engaging and reliable experiences whilst still having the reach and accessibility of a web page."Progressive Web App" simply is a term summarizing all the features allowing you to deliver mobile-like experiences. The topic is highly trending and it also is a topic which is here to stay! Not only is it strongly promoted by Google, it's also quickly being adopted by big companies like Twitter or the Washington Post.Having the skills to build and optimize these kind of web apps is already an important and highly demanded skill for modern web developers, a trend which is only going to accelerate! Therefore, learning how to build PWAs will give you a competitive edge!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":Detailed explanation about what a PWA exactly isHow to use an app manifest to make your web app installable on device homescreensUsing service workers to offer offline support by caching assetsAdvanced service worker usage and caching strategiesA refresher on Promises and the Fetch API as both concepts are heavily used in PWAsHow to improve user engagement by adding push notificationsA way to synchronize data in the background, even if connection is lostHow to access native device features like the camera or geolocationUsing Workbox to make service worker management easierExplanations on how to turn your next SPA project into a PWAAnd moreAll these things are of course put into practice by building a course project. To ensure that you can apply the knowledge to ANY of your projects, the course project doesn't assume any JavaScript framework but focuses on the core features mentioned above!So this course has a lot to offer, how do you tell if it's for you though?It definitely is the right choice ifyou already are a web developer (no matter if experienced or still new to the business) and want to prepare for the futureyou enjoy working with HTML, CSS and JavaScript and want to leverage the full power the web and browser technologies have to offeryou want to deliver the best possible experiences to your users, using technologies like web push notifications or offline supportWhat do you need to know to get the most out of the course?You need to know at least the basics of HTML, CSS and JavaScriptNo advanced knowledge of these technologies required thoughYou DON'T need to know any JavaScript framework like Angular or React - PWAs work with ANY JavaScript app, even if you don't use a framework at all (actually, that's what we'll build in the course!)I'd be very happy to welcome you on board of this course and start this journey together with you!Max