Angular Projects: Build modern web apps in Angular 16 with 10 different projects and cutting-edge technologies , Third Edition

Aristeidis Bampakos

NZ$61.99

4.4 (20 Ratings)

Paperback Jul 2023 312 pages 3rd Edition

eBook

NZ$14.99 ~~NZ$49.99~~

Aristeidis Bampakos

NZ$61.99

4.4 (20 Ratings)

Paperback Jul 2023 312 pages 3rd Edition

eBook

NZ$14.99 ~~NZ$49.99~~

NZ$14.99 ~~NZ$49.99~~

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

AI Assistant (beta) to help accelerate your learning

View table of contents

Preview Book

Angular Projects

Angular Projects, Third Edition: Build modern web apps in Angular 16 with 10 different projects and cutting-edge technologies

Welcome to Packt Early Access. We’re giving you an exclusive preview of this book before it goes on sale. It can take many months to write a book, but our authors have cutting-edge information to share with you today. Early Access gives you an insight into the latest developments by making chapter drafts available. The chapters may be a little rough around the edges right now, but our authors will update them over time.You can dip in and out of this book or follow along from start to finish; Early Access is designed to be flexible. We hope you enjoy getting to know more about the process of writing a Packt book.

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

Introduction to the Angular CLI

The Angular CLI is a tool created by the Angular team that improves the developer experience while building Angular applications. It hides the complexity of scaffolding and configuring an Angular application while allowing developers to concentrate on what they do best – coding! Before we can start using the Angular CLI, we need to set up the following prerequisites in our system:

Node.js: A JavaScript runtime that is built on the v8 engine of Chrome. You can download any Long-Term Support (LTS) version from https://nodejs.org.
npm: A package manager for the Node.js runtime.

We can then install the Angular CLI using npm from the command line:

npm install -g @angular/cli

We use the -g option to install the Angular CLI globally, since we want to create Angular applications from any operating system path.

Installing the Angular CLI may require administrative privileges in some operating systems.

...

Creating our first Angular application

To create a fresh new Angular application, we must execute the ng new command of the Angular CLI, passing the name of the application as an option:

ng new my-app

The ng new command is used to create a new Angular application or a new Angular workspace. An Angular workspace is an Angular CLI project containing one or more Angular applications, some of which can be Angular libraries. So, when we execute the ng new command, we create an Angular workspace with an Angular application by default.

In the previous command, the name of our Angular application is my-app. Upon executing the command, the Angular CLI will ask some questions to collect as much information as possible regarding the nature of the application we want to create:

Initially, it will ask if we want to enable Angular analytics:

Would you like to share pseudonymous usage data about this project with the Angular Team at Google under Google's Privacy...

Interacting with the Angular framework

When working with Angular, the real fun starts when we get our hands dirty with the framework itself. After all, understanding how Angular works and writing the application code is what matters.

The application source code resides inside the src\app folder at the root of our Angular CLI project. It contains all the files needed to build and test our Angular application, including a component and a module. The component is the main component of the Angular application:

app.component.ts

import { Component } from '@angular/core';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'my-app';
}

The following properties characterize an Angular component:

selector: A unique name used to identify and declare the component inside HTML content. It is an HTML tag, just like any...

Download Code

Key benefits

Explore Angular's capabilities for cross-platform app development
Combine Angular with popular web technologies such as Nx monorepos, server-side rendering, and progressive web apps
Build your own libraries and schematics using Angular CDK and Angular CL

Description

Angular Projects isn't like other books on Angular – this is a project-based guide that helps budding Angular developers get hands-on experience while developing cutting-edge applications. In this updated third edition, you’ll master 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, giving you a 360-degree view of what the Angular ecosystem makes possible. Updated to the newest version of Angular, the book has been revamped to keep up with the latest technologies. You’ll work on a PWA weather application, a mobile photo geotagging application, a component UI library, and other exciting projects. In doing so, you’ll implement popular technologies such as Angular Router, Scully, Electron, Angular service workers, Jamstack, NgRx, and more. 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 your or your client’s needs.

Who is this book for?

This book is for developers with beginner-level Angular experience who want to become proficient in using essential tools and dealing with the various use cases in Angular. Beginner-level knowledge of web application development and basic experience of working with ES6 or TypeScript is essential before you dive in. This book focuses on practical applications of Angular. If you want to deepen your understanding of this framework, we recommend that you also look at Learning Angular from the same author.

What you will learn

Set up Angular applications using Angular CLI and Nx Console
Create a personal blog with Jamstack, Scully plugins, and SPA techniques
Build an issue management system using typed reactive forms
Use PWA techniques to enhance user experience
Make SEO-friendly web pages 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

Estimated delivery fee Deliver to New Zealand

Standard delivery 10 - 13 business days

NZ$20.95

Premium delivery 5 - 8 business days

NZ$74.95

(Includes tracking information)

Product Details

Publication date, Length, Edition, Language, ISBN-13

Publication date : Jul 19, 2023

Length: 312 pages

Edition : 3rd

Language : English

ISBN-13 : 9781803239118

Vendor :

Google

Category :

Web Development

Languages :

JavaScript

Concepts :

Front End Web Development

Tools :

Angular

What do you get with Print?

Instant access to your digital eBook copy whilst your Print order is Shipped

Paperback book shipped to your preferred address

Download this book in EPUB and PDF formats

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

AI Assistant (beta) to help accelerate your learning

Frequently bought together

NZ$61.99

NZ$61.99

NZ$61.99

Total NZ$ 185.97

FAQs

What is the delivery time and cost of print book?

Shipping Details

USA:

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.

Unfortunately, due to several restrictions, we are unable to ship to the following countries:

Afghanistan
American Samoa
Belarus
Brunei Darussalam
Central African Republic
The Democratic Republic of Congo
Eritrea
Guinea-bissau
Iran
Lebanon
Libiya Arab Jamahriya
Somalia
Sudan
Russian Federation
Syrian Arab Republic
Ukraine
Venezuela

What is custom duty/charge?

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order?

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges?

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.

How can I cancel my order?

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy?

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged?

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use?

You can pay with the following card types:

Visa Debit
Visa Credit
MasterCard
PayPal

What is the delivery time and cost of print books?

Shipping Details

USA:

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Unfortunately, due to several restrictions, we are unable to ship to the following countries:

Afghanistan
American Samoa
Belarus
Brunei Darussalam
Central African Republic
The Democratic Republic of Congo
Eritrea
Guinea-bissau
Iran
Lebanon
Libiya Arab Jamahriya
Somalia
Sudan
Russian Federation
Syrian Arab Republic
Ukraine
Venezuela

Filter reviews by

All

Packt verified reviews

Feefo verified reviews

Amazon verified reviews

Faizou Aremou Nov 26, 2023

Feefo Verified review

Pranam Bhat Nov 27, 2023

The media could not be loaded. Recently I brought this book for building Angular projects. I'm an Angular developer who work on Full Stack project's. With the help of this book, I can easily create, build and manage new Angular projects.This book is really helpful for Angular developers to learn and upskill latest Angular changes including Nx Tools, NgRx, Service Workers, Routing and PWA to enhance the user experience.They gave clear cut picture by demonstrating step by step code/commands to integrate Angular with a different libraries and achieve the goal.I would suggest this book for my colleagues and friends who are new to Angular and those who want to improve their skills on Angular.

Amazon Verified review

Mili Aug 26, 2023

With more than 10 different projects, step by step process and easy to understand, this book is a MUST if you’re learning Angular 🔥✨ 10/10

Federico Jul 20, 2023

I knew the book well before I read it, because I had read the previous edition. Even though I’m quite comfortable with my own coding best practices with angular, I read it to confirm my coding practices and to be able to discuss it with any angular enthusiast.The book contains small and easily digestible chapters. It uses TypeScript. If you're not familiar with TS, you should take a look before reading it (Any TypeScript 101 guide is enough).The book starts with the fundamentals of Angular and then continues with real-life projects to develop and improve your skills. You will learn a broad spectrum of Angular best practices, from using the Angular CLI, Nx to SSR and more.This book is a must for any Angular Developer or Frontend developer looking into Angular.Good job Aristeidis!

Keith Atherton Aug 15, 2023

The walkthroughs for getting started and creating your first Angular app were very clear, particularly useful for someone new to using Angular.I particularly liked that each project covers different elements such as using forms, SPA, PWA, etc.The book is very well written with straightforward diagrams where required. I would highly recommend this if you're getting started with Angular.

Angular Projects: Build modern web apps in Angular 16 with 10 different projects and cutting-edge technologies , Third Edition

What do you get with Print?

Angular Projects

Angular Projects, Third Edition: Build modern web apps in Angular 16 with 10 different projects and cutting-edge technologies

Essential background theory and context

Introduction to the Angular CLI

Exploring the rich ecosystem of Angular tooling in VS Code

Nx Console

Project overview

Getting started

Creating our first Angular application

Interacting with the Angular framework

Using Nx Console for automating Angular CLI commands

Summary

Practice questions

Further reading

Page 1 of 12

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Product Details

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

About the author

FAQs

Angular Projects: Build modern web apps in Angular 16 with 10 different projects and cutting-edge technologies , Third Edition

What do you get with Print?

Contact Details

Shipping Address

Billing Address

Key benefits

Description

Who is this book for?

What you will learn

Product Details

What do you get with Print?

Contact Details

Shipping Address

Billing Address

Product Details

Packt Subscriptions

Frequently bought together

Table of Contents

Recommendations for you

Customer reviews

Filter reviews by

People who bought this also bought

About the author

FAQs