0

Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Angular Cookbook

You're reading from Angular Cookbook Over 80 actionable recipes every Angular developer should know

Product type Paperback

Published in Aug 2021

Publisher Packt

ISBN-13 9781838989439

Length 652 pages

Edition 1st Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Author (1):

Muhammad Ahsan Ayaz

View More author details

Table of Contents (15) Chapters

Preface

1. Chapter 1: Winning Components Communication

2. Chapter 2: Understanding and Using Angular Directives FREE CHAPTER

3. Chapter 3: The Magic of Dependency Injection in Angular

4. Chapter 4: Understanding Angular Animations

5. Chapter 5: Angular and RxJS – Awesomeness Combined

6. Chapter 6: Reactive State Management with NgRx

7. Chapter 7: Understanding Angular Navigation and Routing

8. Chapter 8: Mastering Angular Forms

9. Chapter 9: Angular and the Angular CDK

10. Chapter 10: Writing Unit Tests in Angular with Jest

11. Chapter 11: E2E Tests in Angular with Cypress

12. Chapter 12: Performance Optimization in Angular

13. Chapter 13: Building PWAs with Angular

14. Other Books You May Enjoy

Creating an Angular app with routes using the CLI

If you ask me about how we used to create projects for web applications 7-8 years ago, you'll be astonished to learn how difficult it was. Luckily, the tools and standards have evolved in the software development industry and when it comes to Angular, starting a project is super easy. You can even configure different things out of the box. In this recipe, you'll create a fresh Angular project using the Angular CLI and will also enable the routing configuration as you create the project.

Getting ready

The project that we are going to work on does not have a starter file. So, you can open the chapter07/start_here folder from the cloned repository directly into the Visual Studio Code app.

How to do it…

We'll be creating the app using the Angular CLI first. It'll have routing enabled out of the box. Similarly, going forward, we'll create some feature modules with components as well, but they&apos...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

Muhammad Ahsan Ayaz

Muhammad Ahsan Ayaz

Muhammad Ahsan Ayaz is a Google developers expert in Angular, a software architect, and a head instructor of JavaScript at the School of Applied Technology. He loves helping the start-up ecosystem and product owners to bring their ideas to life using JavaScript, Angular, and web technologies. He has built several open-source projects that he maintains and he speaks at events, along with creating articles and video courses.

See other products by Muhammad Ahsan Ayaz

Other recommended products

Related to this chapter

Beginning Server-Side Application Development with Angular

Beginning Server-Side Application Development with Angular

Dynamic client-side web applications are great for UX, but not so much for your SEO. Learn how to build the same great UX with server-side Angular, all without taking a hit to search referrals.

Apr 2018 3h 40m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Building Modern Web Applications Using Angular 4

Building Modern Web Applications Using Angular 4

In the last few years, Angular has established itself as the number one choice of JavaScript Developers. What makes Angular special is performance and productivity. With Angular, developers can work on consistent coding patterns and build web applications that are powerful and scalable.

May 2017 7h 32m

Server-Side Enterprise Development with Angular

Server-Side Enterprise Development with Angular

This fast-paced book shows you how to use features of the latest version of Angular to rapidly build progressive web applications that are optimized for search performance. You'll be by learning about differences in client and server-side rendering. You'll then explore advanced features, like service workers. By the end of this book, you'll have built a dynamic, single-page web application that behaves like a server-rendered application.

Nov 2018 4h 44m

Building Forms with Vue.js

Building Forms with Vue.js

Building forms with Vue.js will guide you step by step to transform your online forms into a schema driven powerhouse. With the use of some of the core and most popular libraries you will be able to go from zero to hero.

Oct 2019 3h 36m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Angular Projects

Angular Projects

This Angular book will help you learn the essential features of the Angular framework by creating ten different real-world web applications. By the end of this book, you will be able to build Angular apps using a wide variety of technologies.

Jul 2021 11h 28m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Reactive Patterns with RxJS and Angular Signals

Reactive Patterns with RxJS and Angular Signals

This RxJS book will help you understand the core concepts of RxJS and provide practical patterns to make your code more reactive and declarative. You'll also understand Angular Signals, which provide another way to improve code reactivity.

Jul 2024 8h 28m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

API Testing and Development with Postman

API Testing and Development with Postman

Whether you are a tester or a developer working with APIs, you'll be able to put your knowledge to work with this practical guide to using Postman. The book provides a hands-on approach to implementing and learning the associated methodologies that will have you up-and-running and productive in no time.

Jun 2024 11h 56m

FastAPI Cookbook

FastAPI Cookbook

This book helps you unlock the power of FastAPI to build high-performing web apps and APIs by taking you through the basics like routing and data validation through to advanced topics, such as custom middleware and WebSockets.

Aug 2024 11h 56m

Mastering Spring Boot 3.0

Mastering Spring Boot 3.0

This hands-on guide empowers you to develop scalable and efficient applications. You'll also learn microservices patterns, reactive programming, and security measures for building robust backend systems.

Jun 2024 8h 32m

Nuxt 3 Projects

Nuxt 3 Projects

This book is a comprehensive guide to Nuxt.js, which takes you from the basics to advanced topics. Uniquely, this book emphasizes practical, project-based learning, tackling real-world problems.

Jun 2024 7h 40m

Vue.js 3 for Beginners

Vue.js 3 for Beginners

Learning a new language by following video tutorials, blog posts, and documentation is a tiresome activity. This book will take you on an exciting journey of becoming a proficient Vue.js developer through a practical, step-by-step approach.

Sep 2024 10h 4m

Full-Stack Web Development with TypeScript 5

Full-Stack Web Development with TypeScript 5

The book emphasizes best practices, debugging, performance optimization, and scalable code structure, helping you develop practical skills in frontend and backend development, database integration, and AI integration.

Mastering Flask Web and API Development

Mastering Flask Web and API Development

The book is an introduction to Flask that will showcase its baseline, core, and advanced integration features to enable you to solve enterprise-related problems and issues in both web and API development.

Aug 2024 16h 28m