Full Stack Development with Angular and GraphQL: Learn to build scalable monorepo and a complete Angular app using Apollo, Lerna, and GraphQL (Paperback)
暫譯: 使用 Angular 和 GraphQL 的全端開發:學習如何使用 Apollo、Lerna 和 GraphQL 建立可擴展的單一代碼庫及完整的 Angular 應用程式(平裝本)

Ahmed Bouchefra

  • 出版商: Packt Publishing
  • 出版日期: 2022-03-30
  • 售價: $1,700
  • 貴賓價: 9.5$1,615
  • 語言: 英文
  • 頁數: 390
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 1800202466
  • ISBN-13: 9781800202467
  • 相關分類: AngularWeb APIJVM 語言
  • 立即出貨 (庫存=1)

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

商品描述

Key Features

  • Use Angular modules and components to build apps that you can easily scale and maintain in the future
  • Develop a GraphQL API for a small social network app using Node.js, Express, and Apollo Server
  • Use Apollo Client to integrate Angular with a GraphQL server and manage your application's local state

Book Description

Angular is one of the most popular JavaScript frameworks in modern web app development allowing developers to not only build apps and reuse the code but also develop apps for any deployment target. For web, mobile web, native mobile, and native desktop, GraphQL is the modern and REST alternative for querying web APIs. Using Angular, TypeScript and GraphQL will give you a future-proof and scalable stack you can start building apps around.

This book shows you how to build apps using cutting-edge technologies. You'll learn how to solve common web development problems with GraphQL and Apollo, such as database access, authentication, and image uploads.

The book starts by introducing you to building full stack apps with Angular and GraphQL. Next, you'll learn how to create a monorepo project with Lerna and NPM Workspaces and configure a Node.js app to use GraphQL with Express and Apollo Server. You'll also understand the basics of Angular architecture and routing. Later, the book demonstrates how to build a professionally-looking UI with Angular Material, use Apollo Client to interface with the server to get data from the built GraphQL API.

You'll learn about Apollo Client's type and field policies, and various fetching policies. In addition to this, you'll learn about local state management and reactive variables with Apollo Client and how to generate TypeScript types and even Angular Apollo services for your GraphQL schema and queries using GraphQL Code Generator to implement a scalable codebase.

By the end of this book, you'll have the skills you need to be able to build your own full stack application.

What you will learn

  • Create a monorepo project with Lerna and NPM workspaces
  • Add realtime support with GraphQL subscriptions
  • Build a frontend with a modular architecture and Material Design UI components to consume the GraphQL API
  • Use GraphQL Code Generator to generate types and code for a type-safe and scalable code base
  • Create Angular modules and smart and dumb components and share data between them
  • Use Apollo Client features such as client-side queries and reactive variables for local state management

Who this book is for

This Angular GraphQL book is for Angular developers who want to learn how to use GraphQL and Apollo with Angular to build full-stack applications. This book does not assume prior knowledge of full-stack development with Angular and GraphQL.

商品描述(中文翻譯)

**主要特點**

- 使用 Angular 模組和元件來構建未來易於擴展和維護的應用程式
- 使用 Node.js、Express 和 Apollo Server 為小型社交網路應用程式開發 GraphQL API
- 使用 Apollo Client 將 Angular 與 GraphQL 伺服器整合,並管理應用程式的本地狀態

**書籍描述**

Angular 是現代網頁應用程式開發中最受歡迎的 JavaScript 框架之一,允許開發者不僅能夠構建應用程式並重用代碼,還能為任何部署目標開發應用程式。對於網頁、行動網頁、原生行動和原生桌面,GraphQL 是查詢網頁 API 的現代替代方案。使用 Angular、TypeScript 和 GraphQL 將為您提供一個未來可擴展的技術棧,您可以開始圍繞它構建應用程式。

本書展示了如何使用尖端技術構建應用程式。您將學習如何使用 GraphQL 和 Apollo 解決常見的網頁開發問題,例如數據庫訪問、身份驗證和圖像上傳。

本書首先介紹如何使用 Angular 和 GraphQL 構建全棧應用程式。接下來,您將學習如何使用 Lerna 和 NPM Workspaces 創建單一代碼庫(monorepo)專案,並配置 Node.js 應用程式以使用 GraphQL 與 Express 和 Apollo Server。您還將了解 Angular 架構和路由的基本知識。稍後,本書將演示如何使用 Angular Material 構建專業外觀的用戶界面,並使用 Apollo Client 與伺服器接口以從構建的 GraphQL API 獲取數據。

您將了解 Apollo Client 的類型和字段策略,以及各種獲取策略。此外,您將學習如何使用 Apollo Client 進行本地狀態管理和反應式變數,以及如何使用 GraphQL Code Generator 為您的 GraphQL 架構和查詢生成 TypeScript 類型,甚至 Angular Apollo 服務,以實現可擴展的代碼庫。

在本書結束時,您將具備構建自己的全棧應用程式所需的技能。

**您將學習的內容**

- 使用 Lerna 和 NPM 工作區創建單一代碼庫專案
- 使用 GraphQL 訂閱添加即時支持
- 構建具有模組化架構和 Material Design UI 元件的前端,以消費 GraphQL API
- 使用 GraphQL Code Generator 生成類型和代碼,以實現類型安全和可擴展的代碼庫
- 創建 Angular 模組和智能與愚蠢元件,並在它們之間共享數據
- 使用 Apollo Client 功能,例如客戶端查詢和反應式變數進行本地狀態管理

**本書適合誰**

這本 Angular GraphQL 書籍適合希望學習如何使用 GraphQL 和 Apollo 與 Angular 構建全棧應用程式的 Angular 開發者。本書不假設讀者具備使用 Angular 和 GraphQL 進行全棧開發的先前知識。

作者簡介

Ahmed Bouchefra is a software developer and technical author with an engineering degree in software development. He is an expert in web development using modern technologies such as Angular and Node.js, along with using traditional technologies such as Python and Django. He's an open-source, developer, and maintainer of multiple open source Angular libraries, such as ngx-qrcode2. He also currently writes tutorials about modern web development on techiediaries and other industry-leading websites.

作者簡介(中文翻譯)

Ahmed Bouchefra 是一位軟體開發人員和技術作者,擁有軟體開發的工程學位。他是使用現代技術(如 Angular 和 Node.js)進行網頁開發的專家,同時也熟悉傳統技術(如 Python 和 Django)。他是多個開源 Angular 函式庫的開發者和維護者,例如 ngx-qrcode2。他目前還在 techiediaries 和其他業界領先的網站上撰寫有關現代網頁開發的教程。

目錄大綱

Table of Contents

  1. App Architecture and Development Environment
  2. Setting Up GraphQL with Node.js, Express.js, and Apollo
  3. Connecting the Database with TypeORM
  4. Implementing Authentication and Image Uploads with Apollo Server and Node.js
  5. Adding Realtime Support with Apollo Server
  6. Angular Application Architecture and Routing
  7. Adding User Search Functionality
  8. Guarding Routes and Testing Authentication
  9. Uploading Images and Adding Posts
  10. Fetching Posts and Adding Comments and Likes
  11. Implementing GraphQL Subscriptions

目錄大綱(中文翻譯)

Table of Contents


  1. App Architecture and Development Environment

  2. Setting Up GraphQL with Node.js, Express.js, and Apollo

  3. Connecting the Database with TypeORM

  4. Implementing Authentication and Image Uploads with Apollo Server and Node.js

  5. Adding Realtime Support with Apollo Server

  6. Angular Application Architecture and Routing

  7. Adding User Search Functionality

  8. Guarding Routes and Testing Authentication

  9. Uploading Images and Adding Posts

  10. Fetching Posts and Adding Comments and Likes

  11. Implementing GraphQL Subscriptions

最後瀏覽商品 (20)