Angular Projects Second Edition

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

Aristeidis Bampakos 지음

Packt(GCO Science) 2021년 07월 05일 출간

작품소개

책소개

Understand Angular web application development by building captivating real-world applications while exploring modern web technologies and best practices

▶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

▶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

▶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.

목차

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

책 속으로

▶What this book covers
- Chapter 1, Creating Your First Web Application in Angular, explores the main features of the Angular 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 workflow and experience.

- 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 specified region. We will learn how to deploy the application to Firebase Hosting. We will also explore PWA techniques using the Angular service worker to prov

출판사 서평

▶ 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 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.

인물정보

저자(글) Aristeidis Bampakos

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.