Angular Projects - Second Edition: Build modern web apps by exploring Angular 12 with 10 different projects and cutting-edge technologies

Bampakos, Aristeidis

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

商品描述

Key Features

  • Explore Angular's capabilities for building applications across different platforms
  • Combine popular web technologies with Angular such as monorepo, Jamstack, and PWA
  • Build your own libraries and schematics using Angular CDK and Angular CLI

Book Description

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 second edition of Angular Projects will teach you how to build efficient and optimized web applications using Angular.

You will start by exploring the essential features of the framework by creating ten different real-world web applications. Each application will demonstrate how to integrate Angular with a different library and tool. As you advance, you will understand how to implement popular technologies such as Angular Router, Scully, Electron, Angular service worker, Nx 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. Toward the concluding 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 be able to build Angular apps using a variety of different technologies according to your or your client's needs.

What you will learn

  • Set up Angular applications using Angular CLI and Nx Console
  • Create a personal blog with Jamstack and SPA techniques
  • Build desktop applications with Angular and Electron
  • Enhance user experience (UX) in offline mode with PWA techniques
  • Make web pages SEO-friendly with server-side rendering
  • Create a monorepo application using Nx tools and NgRx for state management
  • Focus on mobile application development using Ionic
  • Develop custom schematics by extending Angular CLI

Who this book is for

If you are a developer who has beginner-level experience with Angular and are looking to become well-versed with essential tools and deal 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 working with ES6 or TypeScript are assumed.

商品描述(中文翻譯)

主要特點


  • 探索 Angular 在不同平台上構建應用程序的能力

  • 將流行的網絡技術與 Angular 結合,如單庫存儲、Jamstack 和 PWA

  • 使用 Angular CDK 和 Angular CLI 構建自己的庫和原理圖

書籍描述

Angular 是一個流行的 JavaScript 框架,可以在包括網絡、桌面和移動設備在內的各種平台上運行。它具有豐富的功能和廣泛的工具,因此在開發人員中非常受歡迎。這本更新的第二版《Angular 專案》將教你如何使用 Angular 構建高效和優化的網絡應用程序。

你將通過創建十個不同的真實世界網絡應用程序來探索框架的基本功能。每個應用程序將演示如何將 Angular 與不同的庫和工具集成。隨著進一步的學習,你將了解如何在構建問題跟踪系統、PWA 天氣應用程序、移動照片地理標記應用程序、組件 UI 庫等許多其他令人興奮的項目時,實現 Angular Router、Scully、Electron、Angular 服務器工作器、Nx 單庫存儲工具、NgRx 等流行技術。在結尾的章節中,你將掌握使用原理圖自定義 Angular CLI 命令的技巧。

通過閱讀本書,你將掌握使用各種不同技術構建 Angular 應用程序的技能,以滿足你或你的客戶的需求。

你將學到什麼


  • 使用 Angular CLI 和 Nx Console 設置 Angular 應用程序

  • 使用 Jamstack 和 SPA 技術創建個人博客

  • 使用 Angular 和 Electron 構建桌面應用程序

  • 使用 PWA 技術在離線模式下增強用戶體驗(UX)

  • 使用服務器端渲染使網頁對 SEO 友好

  • 使用 Nx 工具和 NgRx 進行狀態管理,創建單庫存儲應用程序

  • 專注於使用 Ionic 進行移動應用程序開發

  • 通過擴展 Angular CLI 開發自定義原理圖

適合閱讀對象

如果你是一名具有初級水平的 Angular 開發人員,並希望熟練掌握必要的工具,並處理在 Angular 中可能遇到的各種使用情況,那麼這本 Angular 開發書適合你。假設你具有網絡應用程序開發的初級知識和基本的 ES6 或 TypeScript 使用經驗。

作者簡介

Aristeidis Bampakos is an experienced frontend web developer and a Google Developer Expert for the Angular framework. From 2011, he has mainly focused on developing applications with AngularJS and Angular frameworks, Typescript, and Angular Material. He is currently working at Plex-Earth where he specializes in Angular development and also works as an Angular Senior Tech Instructor for Code.Hub where he teaches the Angular framework to other developers and individuals.

作者簡介(中文翻譯)

Aristeidis Bampakos 是一位經驗豐富的前端網頁開發人員,也是 Angular 框架的 Google Developer Expert。從 2011 年開始,他主要專注於使用 AngularJS 和 Angular 框架、Typescript 和 Angular Material 開發應用程式。他目前在 Plex-Earth 工作,專注於 Angular 開發,同時也在 Code.Hub 擔任 Angular 高級技術講師,教授 Angular 框架給其他開發人員和個人學習者。

目錄大綱

  1. Creating your First Web Application in Angular
  2. Building an SPA Application with Scully and Angular Router
  3. Building an Issue Tracking System Using Reactive Forms
  4. Building a PWA Weather Application Using Angular Service Worker
  5. Building a WYSIWYG Editor for the Desktop Using Electron
  6. Building a Mobile Photo Geotagging Application Using Capacitor and 3D Maps
  7. Building an SSR Application for a GitHub Portfolio Using Angular
  8. Building an Enterprise Portal Using Nx Monorepo Tools and NgRx
  9. Building a Component UI Library Using Angular CLI and Angular CDK
  10. Customizing Angular CLI Commands Using Schematics

目錄大綱(中文翻譯)

- 在 Angular 中創建你的第一個網頁應用程式
- 使用 Scully 和 Angular Router 建立單頁應用程式
- 使用反應式表單建立問題追蹤系統
- 使用 Angular Service Worker 建立 PWA 天氣應用程式
- 使用 Electron 建立桌面端所見即所得編輯器
- 使用 Capacitor 和 3D 地圖建立行動端照片地理標記應用程式
- 使用 Angular 建立 GitHub 作品集的 SSR 應用程式
- 使用 Nx Monorepo 工具和 NgRx 建立企業入口網站
- 使用 Angular CLI 和 Angular CDK 建立元件 UI 庫
- 使用 Schematics 自訂 Angular CLI 命令