Logo
☆☆☆☆☆
0.0
Intermediate
8h

使用 Vue.js 和 AWS Amplify 构建一个 WhatsApp 克隆应用

Vue.js 是一个流行的前端开发 JavaScript 框架，轻量级且生态动态活跃，随着越来越多开发者采用，未来还将持续发展。本课程通过一个实践项目——仿 WhatsApp 的应用，系统讲解使用 Vue.js 进行前端开发的核心概念。项目还结合 AWS Amplify 来管理并配置多种 AWS 服务，用于构建应用后端并部署最终产品。 课程首先介绍 Vue.js 的核心概念，如生命周期钩子、路由和状态管理。随后提供逐步指导，帮助你创建 WhatsApp 的用户界面。在实现 WhatsApp 功能之前，你将先完成应用与 AWS Amplify 的集成。 完成本课程后，你将对 Vue.js 框架有更深入的理解，并获得使用 AWS Amplify 管理多种 AWS 服务（包括 AWS Cognito、AWS S3 和 AWS DynamoDB）的实际经验，能够独立开发并部署基于 Vue.js 的 Web 应用。

7 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
View Courses in Subscription
使用 Vue.js 和 AWS Amplify 构建一个 WhatsApp 克隆应用
Vue.js 是一个流行的前端开发 JavaScript 框架，轻量级且生态动态活跃，随着越来越多开发者采用，未来还将持续发展。本课程通过一个实践项目——仿 WhatsApp 的应用，系统讲解使用 Vue.js 进行前端开发的核心概念。项目还结合 AWS Amplify 来管理并配置多种 AWS 服...

WHAT YOU'LL LEARN

通过 AWS Amplify 在 AWS 上配置资源并部署应用程序的实际操作经验

Content

7 Lessons • 0 Quizzes • 0 Challenges

入门
  1. 1

    课程简介

简介
  1. 1

    开始使用 Vue.js

  2. 2

    Vue.js 应用的结构设计

  3. 3

    Vue.js 生命周期钩子

  4. 4

    Vue.js 中的路由

  5. 5

    使用 Vuex 进行状态管理

  6. 6

    测验：简介

构建 WhatsApp 克隆应用
  1. 1

    将 Tailwind CSS 添加到 Vue.js

  2. 2

    404 错误组件

  3. 3

    登录、注册、密码帮助以及重置密码组件

  4. 4

    创建主页组件

  5. 5

    添加 Vue 导航守卫

  6. 6

    测验：构建 WhatsApp 克隆应用

开始使用 AWS Amplify
  1. 1

    AWS Amplify 简介

  2. 2

    配置 AWS 凭据

  3. 3

    使用 AWS Cognito 添加身份验证

  4. 4

    添加 AWS S3

  5. 5

    添加 GraphQL API 和 DynamoDB

  6. 6

    测验：开始使用 AWS Amplify

向应用程序添加功能
  1. 1

    集成用户认证并保护路由

  2. 2

    向消息添加逻辑以及使用订阅

  3. 3

    向 S3 上传图片

  4. 4

    向应用程序添加“最后在线”和“用户输入中”功能

  5. 5

    应用程序测试与持续交付流水线

  6. 6

    测验：为应用程序添加功能

结论
  1. 1

    总结

附录
  1. 1

    创建 AWS 账户

  2. 2

    将应用程序部署到 AWS Amplify

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)