Become an AWS pro by building a WhatsApp clone with Vue.js and AWS Amplify. Developed by AWS Solution Certified Architects. Get hands-on with no setup, no cleanup, no hassle.

edu.tar.gz

access_key_id

secret_access_key

region

amplify_app_id

Routing and State Management

Tailwindcss Components

WhatsAppClone

WhatsAppClone-copy

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 lifecycle hooks, routing, and state management. It then gives us a step-by-step guide to create a WhatsApp GUI. You’ll integrate the application with AWS Amplify before adding the WhatsApp functionality to the project.

By the end of the course, you’ll have a better understanding of the Vue.js framework. You’ll also get hands-on experience using AWS Amplify to manage various AWS products and services, including AWS Cognito, AWS S3, and AWS DynamoDB, to develop and deploy a Vue.js web application.

Building a WhatsApp Clone with Vue.js and AWS Amplify

Which of the following are valid Vue.js directives?

Which of the following are valid Vue.js directives?

Which directive can you use to create two-way data bindings on the form `input`, `textarea`, and `select` elements?

Which directive can you use to create two-way data bindings on the form <code>input</code>, <code>textarea</code>, and <code>select</code> elements?

To share data between parent and child components, which one is not a valid option that will allow us to achieve this?

To share data between parent and child components, which one is not a valid option that will allow us to achieve this?

Select all the valid prop types that are allowed in Vue.js.

Select all the valid prop types that are allowed in Vue.js.

When the Vue instance is initialized, which of the following hooks is called first?

When the Vue instance is initialized, which of the following hooks is called first?

They should clear the interval in the computed section of the file.

They should clear the interval in the `beforeDestroy` section of the file.

Peter has added an interval in the mounted section of the Vue file, which will update a count variable in the data state. What best practice should they perform?

Peter has added an interval in the mounted section of the Vue file, which will update a count variable in the data state. What best practice should they perform?

Which one among the following is not a concept of Vuex?

Which one among the following is not a concept of Vuex?

How do you update your state object in Vuex?

How do you update your state object in Vuex?

Introduction 

Introduction

Test your knowledge of Vue.js fundamentals.

Getting Started

Introduction

Building WhatsApp Clone

Getting Started with AWS Amplify

Adding Functionality to The Application

Conclusion

Appendix

Quiz: Introduction