Angular 16实战：10项目构建现代Web应用与尖端技术

需积分: 5 68 浏览量更新于2024-06-21 收藏 6.91MB PDF 举报

"Angular Projects: Modern Web App Development with Angular 16, 3rd Edition by Aristeidis Bampakos" 这本书《Angular Projects: Building Modern Web Apps in Angular 16 with 10 Different Projects and Cutting-Edge Technologies》是第三版，由经验丰富的作者Aristeidis Bampakos撰写。它提供了针对最新版本Angular 16的深入指南，帮助读者通过实践掌握构建现代Web应用的关键技能。书中涵盖了10个不同项目的设计和实现，每个项目都采用了前沿的技术，旨在让开发者紧跟行业趋势。本书不仅介绍了Angular框架的基础知识，还深入探讨了如何利用Angular的最新特性来构建高效、可维护的单页应用程序。内容包括但不限于组件化开发、服务（Service）、指令（Directive）、管道（Pipe）、模块系统（Module）、依赖注入（Dependency Injection）以及路由（Routing）。读者可以借此书学习如何构建复杂的用户界面、处理数据绑定、优化性能以及与后端API的交互。在每个项目中，作者都会提供详细步骤和实用代码示例，以便读者能够迅速上手并理解实际应用中的最佳实践。此外，书中的内容也考虑到了现代Web开发的最佳做法，如响应式设计、测试驱动开发和持续集成/持续部署（CI/CD）流程。版权方面，该书受到严格保护，未经出版商Packt Publishing事先书面许可，禁止任何形式的复制、存储或传输。尽管作者和出版社努力确保信息的准确性，但书中提供的所有内容都是在无保证的情况下出售，不承担因使用本书导致的直接或间接损失的责任。 Packt Publishing在书中尽可能地提供了商标信息，但并不保证这些信息的完全准确。本书适合于Angular初学者和有经验的开发者提升他们的技能，同时也是Web开发团队进行技术选型和团队培训的宝贵资源。通过阅读本书，开发者将能够更好地应对当前和未来的技术挑战，为自己的职业生涯增添价值。

Preface

Angular is a popular JavaScript framework that can run on a broad range of platforms, including

web, desktop, and mobile. It has an array of rich features right out of the box and a wide range

of tools that makes it popular among developers. This updated third edition of Angular Projects

will teach you how to build efcient and optimized web applications using Angular.

You will start by exploring the essential features of the framework by creating 10 different re-

al-world web applications. Each application will demonstrate how to integrate Angular with a

different library and tool. As you advance, you will learn how to implement popular technologies

such as Angular Router, Scully, Electron, Angular’s service worker, Nx’s monorepo tools, NgRx,

and more while building an issue tracking system, a PWA weather application, a mobile photo

geotagging application, a component UI library, and many other exciting projects. In the con-

cluding chapters, you’ll get to grips with customizing Angular CLI commands using schematics.

By the end of this book, you will have the skills you need to build Angular apps using a variety of

different technologies according to you or your client’s needs.

Who this book is for

If you are a developer who has beginner-level experience with Angular and you’re looking to be-

come well versed in the essential tools for dealing with the various use cases you may encounter

with Angular, then this Angular development book is for you. Beginner-level knowledge of web

application development and basic experience of working with ES6 or TypeScript are assumed.

What this book covers

Chapter 1, Creating Your First Web Application in Angular, explores the main features of the Angu-

lar framework and teaches you about the basic building blocks that comprise a typical Angular

application. You will investigate the different tools and IDE extensions that are available in the

Angular ecosystem to enhance the developer’s workow and experience.

Preface

xvi

Chapter 2, Building an SPA Application with Scully and Angular Router, looks at how an Angular

application is based on the Single-Page Application (SPA) architecture, where typically we have

multiple pages that are served by different URLs or routes. On the other hand, Jamstack is a hot

technology that is emerging and allows you to build fast, static websites and serve them directly

from a CDN. In this chapter, we will use the Angular Router to implement routing functionality

in an Angular application. We will also use Scully, the best static site generator for Angular, to

create a personal blog that embraces the Jamstack architecture.

Chapter 3, Building an Issue Tracking System Using Reactive Forms, is where we build an issue tracking

management system and use Angular reactive forms to add new issues to the system. We will

design our forms using Clarity Components from VMware, and we will incorporate built-in and

custom validations. We will also react to value changes in the forms and take actions accordingly.

Chapter 4, Building a PWA Weather Application Using Angular Service Worker, covers how the user

experience of a web application is not the same for all users, especially in places with poor network

coverage and connectivity. When we build a web application, we should take into account all

sorts of network types. In this chapter, we will create an application that uses the OpenWeather

API to display the weather of a specied region. We will learn how to deploy the application to

Firebase Hosting. We will also explore PWA techniques using the Angular service worker to pro-

vide a seamless user experience when ofine.

Chapter 5, Building a WYSIWYG Editor for the Desktop Using Electron, a cross-platform JavaScript

framework for building desktop applications using web technologies. When combined with

Angular, it can yield really performant apps. In this chapter, we will create a WYSIWYG editor

that can run on the desktop. We will build an Angular application and integrate it with ngx-wig,

a popular WYSIWYG Angular library, and we will use Electron to package it as a desktop appli-

cation. Data is persisted locally in the lesystem using a Node.js API.

Chapter 6, Building a Mobile Photo Geotagging Application Using Capacitor and 3D Maps, covers

Capacitor, a service provided by the Ionic framework that turns any web application, such as one

created with Angular, into a native one. Its main advantage is that we can build a native mobile

application and a web app using the same code base. Cesium is a popular JavaScript framework for

building 3D maps. In this chapter, we will use Capacitor to build a geotagging mobile application

for our photos. We will use various Ionic plugins to take a photo in a specied location and persist

it to Cloud Firestore. We will then display a list of all photos taken inside the Cesium 3D viewer.

Preface

xvii

Chapter 7, Building an SSR Application for a GitHub Portfolio Using Angular, dives into Search Engine

Optimization (SEO), a critical aspect for any website nowadays. Who doesn’t want their website

to look good when sharing it via social media? The real challenge for client web applications is to

optimize it, which can be accomplished by rendering content on the server. In this chapter, we

will learn how to create a GitHub portfolio application using the GitHub API. We will then render

it on the server and learn how to transfer the state to the browser. We will also see how to set the

page title and additional metadata dynamically.

Chapter 8, Building an Enterprise Portal Using Nx Monorepo Tools and NgRx, covers monorepo archi-

tecture, which is a popular technique for when working with multiple applications under a single

repository, giving speed and exibility to the development process. In this chapter, we will use

Nx monorepo development tools to create two portals: one for the end user, in which they will

be able to select a Point of Interest (POI) and visit it on a map, and another for admins to check

on visit statistics for a given POI. Application state is managed using NgRx.

Chapter 9, Building a Component UI Library Using Angular CLI and Angular CDK, addresses how

enterprise organizations usually need custom UI libraries that can be used across different web

applications. The Angular CDK provides a broad range of functionalities for creating accessible

and high-performing UI components. In this chapter, we will create two different components

using the Angular CDK and the Bulma CSS framework. We will also package them as a single

Angular library and learn how to publish them on npm, so that they can be re-used in different

apps. We will also investigate how we can use each component as an Angular element.

Chapter 10, Customizing Angular CLI Commands Using Schematics, covers how organizations usually

follow different guidelines when it comes to creating Angular entities such as components or

services. Angular schematics can assist them by extending Angular CLI commands and providing

custom automation. In this chapter, we will learn how to use the Angular schematics API to build

our own set of commands for generating components and services. We will build a schematic for

creating an Angular component that contains the Tailwind CSS framework. We will also build

an Angular service that uses the built-in HTTP client by default.

To get the most out of this book

You will need a version of Angular 16 installed on your computer, preferably the latest one. All

code examples have been tested using the Angular 16.0.0 on Windows OS but they should work

with any future release of Angular 16 as well.

剩余312页未读，继续阅读

MQ-Kenny

粉丝: 6
资源: 47

Angular 16实战：10项目构建现代Web应用与尖端技术

用AngularJS开发下一代Web应用.pdf

用AngularJS开发下一代Web应用.英文版.196页完整版.带书签.高清文字版PDF

Learning Angular - Fourth Edition A no-nonsense guide to building web applications with Angular 15 (Aristeidis Bampakos, Pablo Deeleman) (Z-Library).pdf

practical-angular Build your first web apps with Angular 8.pdf

Web-Development-with-Bootstrap-4-and-Angular-2-Second-Edition:Packt发行的带有Bootstrap 4和Angular 2 Second Edition的Web开发的代码存储库

Pro Angular Build Powerful and Dynamic Web Apps, 5th Edition

Ionic-4---Build-iOS-Android-and-Web-Apps-with-Ionic-and-Angular:Ionic 4的代码存储库-用Ionic和Angular构建iOS，Android和Web应用程序，由Packt发布

Angular-9-Build-Powerful-And-Dynamic-Web-Apps.pdf

Adam Freeman - Pro Angular_ Build Powerful and Dynamic Web Apps-Apress (2022).pdf

pro angular 6 3rd edition and examples

最新资源