Server-Side Enterprise Development with Angular: Use Angular Universal to pre-render your web pages, improving SEO and application UX

Build SEO-friendly, progressive web applications that live on the web, mobile, or desktop, using the latest Angular Universal which is loaded with powerful features such as components, directives, and services

Key Features

• Explore differences between server-side and client-side rendering
• Learn how to create a progressive web app with great SEO support
• Discover best practices and how to use them to develop an app

Book Description

With the help of Server-Side Enterprise Development with Angular, equip yourself with the skills required to create modern, progressive web applications that load quickly and efficiently. This fast-paced book is a great way to learn how to build an effective UX by using the new features of Angular 7 beta, without wasting efforts in searching for referrals.

To start off, you'll install Angular CLI and set up a working environment, followed by learning to distinguish between the container and presentational components. You'll explore advanced concepts such as making requests to a REST API from an Angular application, creating a web server using Node.js and Express, and adding dynamic metadata. You'll also understand how to implement and configure a service worker using Angular PWA and deploy the server-side rendered app to the cloud.

By the end of this book, you'll have developed skills to serve your users views that load instantly, while reaping all the SEO benefits of improved page indexing.

What you will learn

• Identify what makes an Angular application SEO-friendly
• Generate commands to create components and services
• Distinguish between the container and presentational components
• Implement server-side rendering using Angular Universal
• Create a web server using Node.js and Express
• Add dynamic metadata to your web application
• Deploy a server-side rendered app to the cloud
• Implement and configure a service worker using Angular PWA

Who this book is for

Server-Side Enterprise Development with Angular is for you if you are an experienced front-end developer who wants to quickly work through examples that demonstrate all the key features of server-side development. You need some prior exposure to Angular to follow through this book.

Table of Contents

1. Creating the Base Application
2. Server-Side Rendering
3. Service Workers

建立 SEO 友好、具有進階功能的網頁應用程式，可在網頁、行動裝置或桌面上運行，使用最新的 Angular Universal，該工具具備強大的功能，如元件、指令和服務。

主要特點:
- 探索伺服器端和客戶端渲染之間的差異
- 學習如何建立具有良好 SEO 支援的進階網頁應用程式
- 探索最佳實踐以及如何使用它們來開發應用程式

書籍描述:
借助《使用 Angular 進行伺服器端企業級開發》，掌握創建快速高效的現代進階網頁應用程式所需的技能。這本節奏快的書籍是學習如何使用 Angular 7 beta 的新功能來建立有效的使用者體驗的絕佳方式，無需浪費時間尋找參考資料。

首先，您將安裝 Angular CLI 並建立一個工作環境，然後學習區分容器和表示層元件。您將探索高級概念，例如從 Angular 應用程式向 REST API 發送請求、使用 Node.js 和 Express 創建網頁伺服器，以及添加動態元數據。您還將了解如何使用 Angular PWA 實施和配置服務工作程序，並將伺服器端渲染的應用程式部署到雲端。

通過閱讀本書，您將開發出為用戶提供即時加載視圖的技能，同時獲得改進頁面索引的所有 SEO 優勢。

學到的內容:
- 確定 Angular 應用程式的 SEO 友好特性
- 生成創建元件和服務的命令
- 區分容器和表示層元件
- 使用 Angular Universal 實施伺服器端渲染
- 使用 Node.js 和 Express 創建網頁伺服器
- 向您的網頁應用程式添加動態元數據
- 將伺服器端渲染的應用程式部署到雲端
- 使用 Angular PWA 實施和配置服務工作程序

本書適合對伺服器端開發的所有關鍵功能感興趣的有經驗前端開發人員。您需要一些先前的 Angular 經驗才能順利閱讀本書。

目錄:
1. 建立基礎應用程式
2. 伺服器端渲染
3. 服務工作程序