Learning Angular Third Edition

A no-nonsense beginner's guide to building web applications with Angular 10 and TypeScript

Aristeidis Bampakos , Pablo Deeleman 지음

Packt(GCO Science) 2020년 09월 07일 출간

작품소개

책소개

Uncover Angular's potential for creating enterprise web applications―from setting up the environment to deployment―with the help of expert guidance, step-by-step explanations, and hands-on exercises

▶Book Description
Angular, loved by millions of web developers around the world, continues to be one of the top JavaScript frameworks thanks to its regular updates and new features that enable fast, cross-platform, and secure frontend web development. With Angular, you can achieve high performance using the latest web techniques and extensive integration with web tools and integrated development environments (IDEs).

Updated to Angular 10, this third edition of the Learning Angular book covers new features and modern web development practices to address the current frontend web development landscape. If you are new to Angular, this book will give you a comprehensive introduction to help you get you up and running in no time. You'll learn how to develop apps by harnessing the power of the Angular command-line interface (CLI), write unit tests, style your apps by following the Material Design guidelines, and finally deploy them to a hosting provider. The book is especially useful for beginners to get to grips with the bare bones of the framework needed to start developing Angular apps.

By the end of this book, you'll not only be able to create Angular applications with TypeScript from scratch but also enhance your coding skills with best practices.

▶What You Will Learn
？Use the Angular CLI to scaffold, build, and deploy a new Angular application
？Build components, the basic building blocks of an Angular application
？Discover techniques to make Angular components interact with each other
？Understand the different types of templates supported by Angular
？Create HTTP data services to access APIs and provide data to components
？Enhance your application's UX with Angular Material
？Apply best practices and coding conventions to your large-scale web development projects

▶Key Features
？Learn the fundamentals of Angular to build web applications using TypeScript
？Explore the basics of Angular development, from components and templates to forms and services
？Discover best practices for building, packaging, and testing Angular applications

▶Who This Book Is For
The Angular TypeScript book is for JavaScript and full-stack developers who want to enter the world of frontend development with Angular or migrate to the Angular framework to build professional web applications. Familiarity with web and programming concepts will assist with understanding the content covered in the book.

목차

▶TABLE of CONTENTS
▷ Section 1: Getting Started with Angular
？Chapter 1: Building Your First Angular App
？Chapter 2: Introduction to TypeScript

▷ Section 2: Components ？ the Basic Building Blocks of an Angular App
？Chapter 3: Component Interaction and Inter-Communication
？Chapter 4: Enhance Components with Pipes and Directives
？Chapter 5: Structure an Angular App
？Chapter 6: Enrich Components with Asynchronous Data Services

▷ Section 3: User Experience and Testability
？Chapter 7: Navigate through Components with Routing
？Chapter 8: Orchestrating Validation Experiences in Forms
？Chapter 9: Introduction to Angular Material
？Chapter 10: Giving Motion to Components with Animations
？Chapter 11: Unit test an Angular App

▷ Section 4: Deployment and Practice
？Chapter 12: Bringing an Angular App to Production
？Chapter 13: Develop a Real-World Angular App

책 속으로

▶What this book covers
？ Chapter 1, Building Your First Angular App, covers the setup of the development environment by installing Angular CLI 10 and explains how to use schematics (commands) to automate tasks such as code generation and application building. We create a new simple application using the Angular CLI 10 and build it. We also learn about how Angular tooling has been improved in some of the most widely known IDEs and emphasize the importance of Visual Studio Code.

？ Chapter 2, Introduction to TypeScript, explains what TypeScript is, the language that is used when creating Angular applications, and what the most basic building blocks are, such as types, template strings, lambdas, and classes. We learn to use the decorators that are widely used in Angular classes and ES6 modules and take a look at some of the advanced types available and the latest features of the language.

？ Chapter 3, Component Interaction and Inter-Communication, covers how a component is connected to its template and how we can use an Angular decorator to configure it. We take a look at how components communicate each other by passing data from one component to another using input and output bindings and learn about the different strategies to detect changes in a component. We will then see, what are some of the available ways to apply styles to a component. Finally, we investigate the hook events that are available in the life cycle of a component.

？ Chapter 4, Enhance Components with Pipes and Directives, covers the available built-in directives and pipes, and we build our own custom pipes and leverage them to a sample component that demonstrates their use. We learn the difference between attribute and structural directives.

？ Chapter 5, Structure an Angular App, explains how an Angular 10 application is organized into a tree of components, and how to group components into modules and use the dependency injection mechanism to create and use services in components. We find out about the different types of modules and their purpose as well as the different scopes for services.

？ Chapter 6, Enrich Components with Asynchronous Data Services, examines the RxJS library and observables that are fundamental to the HTTP client of Angular. We learn how to access a remote backend API, get some data and display it to the component, and how to overcome the problem of not having the actual backend API ready yet (how to design our application without a real API). We also investigate how to set additional headers to an HTTP request and intercept such a request to act before sending the request or upon completion.

？ Chapter 7, Navigate through Components with Routing, explains how to use the Angular router in order to activate different parts of an Angular 10 application from a URL. We find out how to pass parameters through the URL and what are the available events of the router that we can hook. We learn to break an application into routing modules that can be lazy loaded. We then learn how to guard against our components and how to prepare data prior to initialization of the component.

？ Chapter 8, Orchestrating Validation Experiences in Forms, explains how to use Angular reactive forms in order to integrate HTML forms and how to set them up using FormGroup and FormControl. We track the interaction of the user in the form and validate input fields, and then create a simple login form to illustrate the use of forms.

？ Chapter 9, Introduction to Angular Material, covers how to integrate Google Material Design guidelines in an Angular 10 application using a library called Angular Material that has been developed by the Angular team. We take a look at some of the core components of the library and their usage and discuss the available themes that are bundled with the library and how to install them.
...

출판사 서평

▶ Preface
Angular, loved by millions of web developers, is one of the top JavaScript frameworks thanks to its regular updates and new features that enable fast, cross-platform, and secure frontend web development.

Updated to Angular 10, this third edition of the Learning Angular book covers new features and modern web development practices to address the current frontend web development landscape. If you are new to Angular, this book will give you a comprehensive introduction to help you get you up and running in no time. You'll learn how to develop apps by harnessing the power of the Angular command-line interface (CLI), write unit tests, style your apps by following the Material Design guidelines, and finally deploy them to a hosting provider. The book is especially useful for beginners to get to grips with the bare bones of the framework needed to start developing Angular apps.

작가정보

저자(글) Aristeidis Bampakos

Aristeidis Bampakos is an experienced frontend web developer and a contributor to the Angular documentation. For the last 8 years of work experience, he has mainly focused on developing applications with AngularJS and Angular frameworks, Typescript, and Angular Material. He has also been involved in the development of hybrid mobile applications using the Ionic framework. Currently, at Plexscape, he is working on integrating GIS technologies over an Angular and Electron.

저자(글) Pablo Deeleman

Pablo Deeleman is a former UI/UX designer who fell in love with JavaScript and CSS back in 1998, during the old days of Netscape Navigator and Microsoft Internet Explorer 3. The discovery of Node.js back in 2011 became a turning point in his career. From that moment on he started focusing on JavaScript application development, with a special focus on creating single-page applications and interaction development. With sound expertise in front-end libraries and frameworks, such as Backbone.js, Knockout.js, Polymer, React, Svelte, AngularJs, and Angular, Pablo has developed his career as a JavaScript practitioner across a broad range of successful start-ups as well as large enterprise corporations such as Gameloft, Red Hat or Dynatrace, just to name a few. He currently works as a Senior Software Engineer and Angular specialist for Dynatrace, a Gartner quadrant leader in the Application Performance Monitoring field. Pablo Deeleman has contributed to the dev community with several books on Angular since 2016, all published by Packt Publishing.