Название: Modern Web Development with Angular: Build Cutting-Edge, Scalable Web Apps from Scratch with Angular, TypeScript, and Reactive Programming
Автор: Duncan Faulkner, Pierre Bouillon
Издательство: Orange Education Pvt Ltd, AVA
Год: 2024
Страниц: 307
Язык: английский
Формат: epub (true)
Размер: 31.6 MB

Learn modern Angular development and jumpstart your web development journey.

Angular is one of the most popular and powerful frameworks for building dynamic, scalable web applications. With its robust ecosystem, it’s widely used to create high-performance, enterprise-level applications.

This book offers a hands-on approach to mastering Angular, guiding you from setting up your development environment to exploring advanced topics like unit testing. You’ll start by learning how to set up Angular and create your first application, followed by gaining a solid understanding of TypeScript, enhancing your ability to work with Angular’s strongly typed features.

The book covers core building blocks like components, directives, pipes, and services, providing a strong foundation for robust applications. You’ll also explore Angular’s reactivity system and how to handle asynchronous data to build dynamic UIs. It dives into component communication, data flow, and both Reactive and Template-Driven forms, helping you implement form validation and handle user input effectively.

Additionally, you’ll master Angular’s routing system, use Jest for unit testing, and explore new features like control flow syntax, Standalone components, and Signals. By the end, you’ll be confident in building and managing Angular applications.

The vision of the book is to make sure everyone, with or without basic knowledge of Angular, can understand and gain expertise in web application development using Angular. After going through all the chapters in this book, readers will be able to quickly and confidently create a live web application using Angular within a few hours. This book uses simple language to make sure that everyone who reads this book can understand each concept without any complexity.

Chapter 1. Setting Up Angular: In this chapter, we will show how to get started with Angular by setting up our environment, from getting Node and Angular installed to creating a test application.

Chapter 2. Angular Application: In this chapter, we will cover workspaces and singular applications. The chapter explores both NgModules and Standalone applications, creates a new application, and introduces routing. We will finish this chapter with lazy loading.

Chapter 3. Introduction to TypeScript: In this chapter, we will introduce TypeScript, which Angular uses for its code files. The chapter covers what TypeScript is, how it differs from jаvascript, and explores data types and accessors.

Chapter 4. Components, Directives, Pipes, and Services: In this chapter, we will cover various types of components we can create to build our applications. The chapter covers components, directives, pipes, and services, explaining when and how to use them.

Chapter 5. Getting Started with Reactivity: In this chapter, we will learn about reactive programming, RxJS, and the newly introduced signals.

Chapter 6. Component Communication and Data Flow: In this chapter, we will learn about smart components, presentational components, and some advanced communication strategies. We will dive into passing data between components, for example, when using @input and @output decorators, as well as one-way and two-way data binding.

Chapter 7. Reactive and Template-Driven Forms: In this chapter, we will learn about Angular’s two types of forms: template-driven (mostly done in HTML) and reactive forms (mostly done in the code-behind file).

Chapter 8. Form Validation: In this chapter, we will learn about validation and how to apply it to our components/forms. This allows us to test and inform users that their entered data meets certain rules and validation, preventing the entry of (potentially) invalid data that could affect our API or database.

Chapter 9. Routing: In this chapter, we will learn about Angular Routing. We will cover creating and consuming routes, controlling navigation, and configuring our routes for lazy loading. We will also learn how to create child routes and pass parameters to our routes.

Chapter 10. Unit Testing: In this chapter, we will focus on unit testing and the importance of having unit tests in our application. We will begin with using Karma (the default test runner with Angular) and then set up and configure our Angular applications to use Jest as an alternative, as Karma is now deprecated.