Building Vue.js Applications with GraphQL: Develop a complete full-stack chat app from scratch using Vue.js, Quasar Framework, and AWS Amplify

購買商店

Building Vue.js Applications with GraphQL: Develop a complete full-stack chat app from scratch using Vue.js, Quasar Framework, and AWS Amplify

$1,240.00

馬上購買

內容描述

Take your Vue.js knowledge to the next level by understanding full-stack development concepts and exploring modern web technologies such as AWS Amplify, GraphQL, and Quasar Framework
Key Features

Build a fully functional Vue.js web app and learn how it integrates with GraphQL
Transform your chat application into a Progressive Web Application (PWA) for web deployment
Discover practical recipes, exploring the capabilities of the GraphQL API for full-stack development using Quasar Framework

Book Description
Since its release by Facebook in 2012, GraphQL has taken the internet by storm. Huge companies such as Airbnb and Audi have started to adopt it, while small to medium-sized companies are now recognizing the potential of this query-based API.
GraphQL may seem strange at first, but as you start to read about and experience more of it, you won't want to use REST APIs anymore.
With the recipes in this book, you will learn how to build a complete real-time chat app from scratch. Starting by creating an AWS Amplify environment, you will delve into developing your first GraphQL Schema. You will then learn how to add the AppSync GraphQL client and create your first GraphQL mutation. The book also helps you to discover the simplicity and data fetching capabilities of GraphQL that make it easy for front-end developers to communicate with the server. You will later understand how to use Quasar Framework to create application components and layouts. Finally, you will find out how to create Vuex modules in your application to manage the app state, fetch data using the GraphQL client, and deploy your application to the web.
By the end of this book, you'll be well versed in proof-of-concept full-stack applications that explore the power of GraphQL with AWS Amplify, and you'll be able to use Quasar Framework to create your Vue applications.
What you will learn

Set up your Vue.js projects with Vue CLI and explore the power of Vue components
Discover steps to create functional components in Vue.js for faster rendering
Become familiar with AWS Amplify and learn how to set up your environment
Understand how to create your first GraphQL schema
Use Quasar Framework to create simple and effective interfaces
Discover effective techniques to create queries for interacting with data
Explore Vuex for adding state management capabilities to your app
Discover techniques to deploy your applications effectively to the web

Who this book is for
This book is for intermediate-level Vue.js developers who want to take their first step toward full-stack development. Prior knowledge of Vue.js and JavaScript is required before getting started with this book.

目錄大綱

Table of Contents

Data Binding, Events, and Computed Properties
Components, Mixins, and Functional Components
Setting Up Our Chat App - AWS Amplify Environment and GraphQL
Creating Custom Application Components and Layouts
Creating User Vuex, Pages, and Routes
Creating Chat and Message Vuex, Pages, and Routes
Transforming your App to PWA and Deploying to the Web

作者介紹

Heitor Ramon Ribeiro has been developing web applications for over 15 years, continually navigating front-end and back-end development. By following his passion for UX/UI and programming, he chose to stay in front-end development. Heitor has built enterprise applications for businesses using Vue.js and clean architecture principles, shifting his course from legacy applications to the new world of single-page applications (SPAs) and progressive web applications (PWAs). He thinks that almost anything is possible today with a browser and that JavaScript is the future of programming.