Quasar V1:PWA(使用 Vue JS 2、Firebase、NodeJS 和 Express)

使用 Vue 2、Quasar V1、Firebase、NodeJS 和 Express 创建一个漂亮的 Instagram 风格的渐进式 Web 应用程序

讲师:Danny Connell

口袋资源独家Udemy付费课程独家中英文字幕配套资料齐全!

不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。

你将会学到的

  • 如何使用 Vue JS、Quasar 和 Firebase 创建漂亮的 Instagram 克隆 PWA
  • 如何集成 5 个核心 PWA 功能:主屏幕安装、预缓存、缓存策略、后台同步和推送通知
  • 如何使 PWA 完全离线运行
  • 如何创建适用于移动和桌面的华丽响应式设计
  • 如何访问设备的本机摄像头和位置
  • 关于 Service Worker、Workbox、Firebase Cloud Firestore、Firebase 存储、NodeJS 和 Express 等等

本课程包括:

  • 15 小时 长的随选视频
  • 23 篇文章
  • 19 个可下载资源
  • 在移动设备和电视上观看
  • 作业
  • 结业证书

要求

  • 需要基本的 HTML、CSS 和 JavaScript 知识
  • 基本的 VueJS 知识是有益的,但不是必需的
  • 首选 Mac 进行开发(用于在 iOS 上测试应用程序)

说明

在本课程中,我将向您展示如何使用 Quasar Framework V1、Vue JS 2 和 Firebase 创建一个令人惊叹的渐进式 Web 应用程序 (PWA)。

我们将创建一个名为 Quasagram 的华丽 Instagram 克隆。

在这个应用程序中,我们可以显示帖子列表;每个帖子都有一张图片、位置、标题和图片拍摄日期。

我们可以访问用户的相机并拍照、输入标题、查找用户的位置并创建新帖子。

它将有一个漂亮的响应式设计,适用于桌面和移动设备。

我们会将所有数据存储在 Firebase Cloud Firestore 数据库中。

我们会将照片存储在 Firebase 存储中。

我们将创建我们自己的 NodeJS 和 Express 后端,其中包含几个不同的端点来与数据库交互。

我们将整合所有 5 个核心 PWA 功能:

  • 主屏幕安装
  • 预缓存
  • 缓存策略
  • 后台同步
  • 推送通知

我们将让该应用程序在 iOS、Android 和所有主要的桌面浏览器上运行,它甚至可以优雅地回退到 Internet Explorer 等旧版浏览器。

您还将了解 Service Worker、Workbox、Firebase Cloud Firestore 数据库、Firebase 存储、NodeJS 和 Express 等等。

在本课程结束时,您将能够使用 Vue JS、Quasar Framework、Firebase、NodeJS 和 Express 创建自己的渐进式 Web 应用程序。

注意:本课程适用于 Quasar V1(使用 Vue 2)。本课程不涉及Quasar V2(带有 Vue 3) 。

此课程面向哪些人:

  • 任何想要创建可在所有平台上运行的漂亮 PWA(并优雅地退回到旧/不支持的浏览器)的人

发表回复

后才能评论

  • 每一个课程页面,都有演示地址选项,点击链接可以跳转到课程发布网站查看详细课程列表。
  • 绝大部分课程都有试看内容,可以先点击试看,再决定是否购买。
  • 本站课程均存储在阿里云盘或百度网盘中,由于阿里云盘对分享的文件类型有限制,所以课程资料和字幕会存储到蓝奏云盘中。
  • 阿里云盘和蓝奏云盘都是不限速下载的,你既可以选择在阿里云盘中在线学习,也可以选择下载到本地学习。
  • 课程下载到本地可以挂载中英文双字幕,请点击查看Potplayer挂载中英文双字幕教程
  • 本站所有课程,均提供mp4格式视频文件,中英文双字幕,配套资料齐全,不加密。
  • 每一个课程右侧下载面板中,都会有清晰度标识,大部分都是1080P或者720P,还有少数是超高清的。
  • 本站课程购买之后,均可以免费更新,所有课程,皆配有中文字幕。
  • 请注意,课程的中文字幕是根据英文字幕用谷歌翻译生成的,本非人工翻译。谷歌翻译准确度尚可,学习观看,没有问题。
  • 由于数字资源具有可复制性,一旦购买,不接受退款要求,请在购买之前,认真了解课程内容,确定是否需要。
  • 当然,如果有特殊情况,可以查看网站底部联系方式,联系站长说明问题,我会为你妥善处理。
  • 赞助本站VIP会员,可以免费下载所有课程,详情请查看VIP介绍