Angular Projects E-Book

Aristeidis Bampakos

• Herausgeber: Packt Publishing
• Kategorie: Wissenschaft und neue Technologien
• Sprache: Englisch

Seitenzahl: 322

Veröffentlichungsjahr: 2023

Beschreibung

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.

Leseprobe

Angular Projects

Third Edition

Build modern web apps in Angular 16 with 10 different projects and cutting-edge technologies

Aristeidis Bampakos

BIRMINGHAM—MUMBAI

Angular Projects

Third Edition

Copyright © 2023 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing or its dealers and distributors, will be held liable for any damages caused or alleged to have been caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

Senior Publishing Product Manager: Suman Sen

Acquisition Editor – Peer Reviews: Tejas Mhasvekar

Project Editor: Meenakshi Vijay

Content Development Editor: Shazeen Iqbal

Copy Editor: Safis Editing

Technical Editor: Srishty Bhardwaj

Proofreader: Safis Editing

Indexer: Tejal Daruwale Soni

Presentation Designer: Rajesh Shirsath

Developer Relations Marketing Executive: Priyadarshini Sharma

First published: September 2019

Second edition: July 2021

Third edition: July 2023

Production reference: 1110723

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham

B3 2PB, UK.

ISBN 978-1-80323-911-8

www.packt.com

Foreword

Angular is a powerful web framework that helps teams build robust, scalable applications. Angular continues to evolve but the core values remain the same: build a platform developers love to use, enable developers to build applications that users love to use, and have a community where everyone feels welcomed.

Angular Projects is a book that embraces these values and takes a unique approach to empower new and experienced developers to build great applications using Angular. Aristeidis uses a project-driven approach to help learners understand modern Angular techniques in an intriguing and accessible way.

This guide will help learners to build their first application with the powerful Angular CLI, take advantage of Angular’s strong PWA integration, build performant static applications with Scully, and more. This book will add significant value to developers looking to get the most out of their Angular experience.

As Angular continues to power incredible experiences inside Google and across the web, this book will serve as an excellent learning resource for developers looking to build great apps.

Mark Thompson

Angular Team at Google

Contributors

About the author

Aristeidis Bampakos has over 20 years of experience in the software development industry. He is a Greek national who currently works in Athens as a Web Development Team Leader at Plex-Earth, specializing in the development of web applications using Angular.

He studied Computer Technology at the University of Portsmouth and in 2002 he was awarded a Bachelor of Engineering degree with Second Class Honors (Upper Division). In 2004, he completed his MSc in Telecommunications Technology at Aston University. His career started as a C# .NET developer, but he saw the potential of web development and moved toward it in early 2011. He began working with AngularJS, and Angular later on, and in 2020 he was officially recognized as a Google Developer Expert (GDE) for Angular.

Aristeidis is passionate about helping the developer community learn and grow. His love for teaching has led him to become an award-winning author of 3 successful book titles about Angular (Learning Angular – 3rd/4th edition and Angular Projects – 2nd edition), as well as an Angular Senior Tech Instructor at Code.Hub, where he nurtures aspiring Angular developers and professionals. In his spare time, he enjoys being an occasional speaker in meetups, conferences, and podcasts where he talks about Angular. He is currently leading the effort of making Angular accessible to the Greek development community by maintaining the open source Greek translation of the official Angular documentation

To my amazing Expert Network Team at Packt for believing on my vision about the book and their great help and support.

About the reviewer

Chihab is an independent consultant and trainer, and a Google Developer Expert in Angular. With over a decade of experience, he has developed expertise in building web applications, component libraries, and tools for various companies. Chihab has coached numerous individuals, ranging from corporations to startups, on Angular and web technologies.

Passionate about knowledge-sharing, Chihab is the creator and organizer of various local meetups in Morocco, including Rabat.js, ngMorocco, and JS Morocco. Furthermore, Chihab serves as the host of AngularInDarija.dev, a captivating video streaming podcast that delivers comprehensive Angular tutorials in Darija, the Moroccan local dialect.

Chihab is the author of the @ngx-env/builder and @dotenv-run packages, both open source projects that help managing environment variables within Angular and Node.js projects.

Join our community on Discord

Join our community’s Discord space for discussions with the author and other readers:

https://packt.link/AngularProjects3e

Contents

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Creating Your First Web Application in Angular

Essential background theory and context

Introduction to the Angular CLI

Exploring the rich ecosystem of Angular tooling in VS Code

Nx Console

Angular Language Service

Angular Snippets

Angular Evergreen

Material Icon Theme

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

Building an SPA Application with Scully and Angular Router

Essential background theory and context

Project overview

Getting started

Setting up routing in an Angular application

Creating the basic layout of our blog

Configuring routing for our application

Creating the contact page

Adding the articles page

Adding blog capabilities with Scully

Installing the Scully library

Initializing our blog page

Displaying blog posts on the home page

Summary

Practice questions

Further reading

Building an Issue Tracking System Using Reactive Forms

Essential background theory and context

Project overview

Getting started

Installing Clarity in an Angular application

Displaying an overview of issues

Fetching pending issues

Visualizing issues in a data grid

Reporting new issues

Setting up reactive forms in an Angular application

Creating the report issue form

Displaying a new issue in the list

Validating the details of an issue

Resolving an issue

Turning on suggestions for new issues

Summary

Exercise

Further reading

Building a PWA Weather Application Using Angular Service Worker

Essential background theory and context

Project overview

Getting started

Setting up the OpenWeather API

Displaying weather data

Setting up the Angular application

Communicating with the OpenWeather API

Displaying weather information for a city

Enabling offline mode with the service worker

Staying up to date with in-app notifications

Deploying our app with Firebase Hosting

Summary

Exercise

Further reading

Building a WYSIWYG Editor for the Desktop Using Electron

Essential background theory and context

Project overview

Getting started

Adding a WYSIWYG editor library for Angular

Integrating Electron in the workspace

Communicating between Angular and Electron

Configuring the Angular CLI workspace

Interacting with the editor

Interacting with the filesystem

Packaging a desktop application

Configuring webpack for production

Using an Electron bundler

Summary

Practice questions

Further reading

Building a Mobile Photo Geotagging Application Using Capacitor and 3D Maps

Essential background theory and context

Project overview

Getting started

Creating a mobile application with Ionic

Scaffolding the application

Building the main menu

Taking photos with Capacitor

Creating the user interface

Interacting with Capacitor

Storing data in Firebase

Creating a Firebase project

Integrating the AngularFire library

Previewing photos with CesiumJS

Configuring CesiumJS

Displaying photos on the viewer

Summary

Practice questions

Further reading

Building an SSR Application for a GitHub Portfolio Using Angular

Essential background theory and context

Project overview

Getting started

Building an Angular application with the GitHub API

Building the dashboard

Displaying personal information

Listing user repositories

Visualizing the organization membership

Integrating Angular Universal

Prerendering content during build

Enhancing SEO capabilities

Summary

Practice questions

Further reading

Building an Enterprise Portal Using Nx Monorepo Tools and NgRx

Essential background theory and context

Project overview

Getting started

Creating a monorepo application using Nx

Creating user-specific portals

Building the visitor portal

Building the administrator portal

Managing application state with NgRx

Configuring the state

Interacting with the store

Visualizing data with graphs

Persisting visit data in the store

Displaying visit statistics

Summary

Practice questions

Further reading

Building a Component UI Library Using Angular CLI and Angular CDK

Essential background theory and context

Project overview

Getting started

Creating a library with the Angular CLI

Building a draggable card list

Displaying card data

Adding drag-and-drop functionality

Interacting with the clipboard

Publishing an Angular library to npm

Using components as Angular elements

Summary

Practice questions

Further reading

Customizing Angular CLI Commands Using Schematics

Essential background theory and context

Project overview

Getting started

Installing the Schematics CLI

Creating a Tailwind CSS component

Creating an HTTP service

Summary

Exercise

Further reading

Other Books You May Enjoy

Index

Landmarks

Cover

Index

Share your thoughts

Once you’ve read Angular Projects, Third Edition, we’d love to hear your thoughts! Please click here to go straight to the Amazon review page for this book and share your feedback.

Your review is important to us and the tech community and will help us make sure we’re delivering excellent quality content.

Download a free PDF copy of this book

Thanks for purchasing this book!

Do you like to read on the go but are unable to carry your print books everywhere?Is your eBook purchase not compatible with the device of your choice?

Don’t worry, now with every Packt book you get a DRM-free PDF version of that book at no cost.

Read anywhere, any place, on any device. Search, copy, and paste code from your favorite technical books directly into your application. 

The perks don’t stop there, you can get exclusive access to discounts, newsletters, and great free content in your inbox daily

Follow these simple steps to get the benefits:

Scan the QR code or visit the link below

https://packt.link/free-ebook/9781803239118

Submit your proof of purchaseThat’s it! We’ll send your free PDF and other benefits to your email directly