INTERACTIVE COURSE

Building a WhatsApp Clone with Vue.js and AWS Amplify

Intermediate

28 Lessons

Certificate of Completion

AI Explanations

24 Playgrounds

67 Illustrations

Takeaway Skills

Hands-on experience with configuring resources and deploying applications on AWS using AWS Amplify

Familiarity with routing, state management, and lifecycle hooks in Vue.js

The ability to model a GraphQL database using AWS Amplify

Working knowledge of various AWS products

Course Overview

Vue.js is a popular JavaScript framework for front-end development. It is lightweight, has a dynamic ecosystem, and is expected to grow further as more developers adopt it. This course uses a hands-on project—a WhatsApp clone—to cover important concepts of front-end development using Vue.js. The project also uses AWS Amplify to manage and configure various AWS products to develop the application’s backend and to deploy the final product. The course starts by introducing us to core Vue.js concepts like life...Show More

Course Content

Getting Started

Introduction to the Course

Introduction

Getting Started with Vue.js Structuring the Vue.js Application Vue.js Lifecycle Hooks Routing in Vue.js State Management with Vuex Quiz: Introduction

Building WhatsApp Clone

Adding Tailwind CSS to Vue.js Error 404 Component The Login, Signup, Password Help, and Reset Password Components Creating the Home Component Adding Vue Navigation Guard Quiz: Building WhatsApp Clone

Getting Started with AWS Amplify

Introduction to AWS Amplify Configuring AWS Credentials Adding Authentication with AWS Cognito Adding AWS S3 Adding GraphQL API and DynamoDB Quiz: Getting Started with AWS Amplify

Adding Functionality to The Application

Integrating User Authentication and Protecting Routes Adding Logic to Messages and Working with Subscriptions Adding Upload of Images To S3 Adding Last Seen and User Typing Features to the Application Testing Application and Continuous Delivery Pipeline Quiz: Adding Functionality to the Application

Conclusion

1 Lesson

Appendix

2 Lessons

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.

Learn faster and smarter with adaptive AI tools embedded in every Educative course.

Built-in assessments let you test your skills. Completion certificates let you show them off.

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath