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

Ribeiro, Heitor Ramon

  • 出版商: Packt Publishing
  • 出版日期: 2021-01-29
  • 售價: $1,240
  • 貴賓價: 9.5$1,178
  • 語言: 英文
  • 頁數: 298
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 1800565070
  • ISBN-13: 9781800565074
  • 相關分類: Amazon Web ServicesWeb APIScratchVue.js
  • 立即出貨 (庫存=1)

買這商品的人也買了...

商品描述

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.

商品描述(中文翻譯)

將你的 Vue.js 知識提升到更高的水平,了解全端開發概念,並探索現代網頁技術,如 AWS Amplify、GraphQL 和 Quasar Framework。

主要特點:

- 建立一個完整功能的 Vue.js 網頁應用程式,並學習它如何與 GraphQL 整合。
- 將你的聊天應用程式轉換為適用於網頁部署的漸進式網頁應用程式(PWA)。
- 透過實用的範例,探索使用 Quasar Framework 進行全端開發的 GraphQL API 的能力。

書籍描述:

自從 Facebook 在 2012 年發布 GraphQL 以來,它已經風靡整個互聯網。像 Airbnb 和 Audi 這樣的大公司已經開始採用它,而中小型公司也開始認識到這個基於查詢的 API 的潛力。

GraphQL 一開始可能會讓人感到陌生,但隨著你閱讀和體驗更多,你將不再想使用 REST API。

通過本書中的範例,你將學習如何從頭開始構建一個完整的實時聊天應用程式。從創建 AWS Amplify 環境開始,你將深入了解如何開發你的第一個 GraphQL Schema。然後,你將學習如何添加 AppSync GraphQL 客戶端並創建你的第一個 GraphQL mutation。本書還幫助你發現 GraphQL 的簡單性和數據提取能力,使前端開發人員能夠輕鬆與服務器通信。之後,你將了解如何使用 Quasar Framework 創建應用程式組件和佈局。最後,你將了解如何在應用程式中創建 Vuex 模塊來管理應用程式狀態,使用 GraphQL 客戶端提取數據,並將應用程式部署到網頁上。

通過閱讀本書,你將熟悉使用 AWS Amplify 探索 GraphQL 強大功能的概念驗證全端應用程式,並能夠使用 Quasar Framework 創建你的 Vue 應用程式。

你將學到什麼:

- 使用 Vue CLI 設置你的 Vue.js 專案,並探索 Vue 組件的強大功能。
- 探索在 Vue.js 中創建功能性組件以加快渲染速度的步驟。
- 熟悉 AWS Amplify,並學習如何設置你的環境。
- 理解如何創建你的第一個 GraphQL schema。
- 使用 Quasar Framework 創建簡單而有效的界面。
- 探索有效的技巧,以創建與數據交互的查詢。
- 使用 Vuex 為你的應用程式添加狀態管理功能。
- 探索有效部署你的應用程式到網頁上的技巧。

本書適合對 Vue.js 有中級水平的開發人員,他們想要邁出全端開發的第一步。在開始閱讀本書之前,需要具備 Vue.js 和 JavaScript 的基礎知識。

作者簡介

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.

作者簡介(中文翻譯)

Heitor Ramon Ribeiro已經從事網頁應用程式開發超過15年,一直在前端和後端開發之間穿梭。通過追求對UX/UI和編程的熱情,他選擇了繼續從事前端開發。Heitor使用Vue.js和乾淨的架構原則為企業建立應用程式,將他的方向從傳統應用程式轉向單頁應用程式(SPAs)和漸進式網頁應用程式(PWAs)的新世界。他認為在今天的瀏覽器中幾乎任何事情都是可能的,並且JavaScript是編程的未來。

目錄大綱

Table of Contents

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

目錄大綱(中文翻譯)

目錄


  1. 資料綁定、事件和計算屬性

  2. 組件、Mixin和功能組件

  3. 設置我們的聊天應用 - AWS Amplify環境和GraphQL

  4. 創建自定義應用組件和佈局

  5. 創建用戶Vuex、頁面和路由

  6. 創建聊天和消息Vuex、頁面和路由

  7. 將您的應用轉換為PWA並部署到Web