Learning Angular 2

Your quick, no-nonsense guide to building real-world apps with Angular 2
Preview in Mapt

Learning Angular 2

Pablo Deeleman

5 customer reviews
Your quick, no-nonsense guide to building real-world apps with Angular 2
Mapt Subscription
FREE
$29.99/m after trial
eBook
$22.40
RRP $31.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$22.40
$39.99
$29.99 p/m after trial
RRP $31.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Learning Angular 2 Book Cover
Learning Angular 2
$ 31.99
$ 22.40
Angular 2 Design Patterns and Best Practices Book Cover
Angular 2 Design Patterns and Best Practices
$ 35.99
$ 25.20
Buy 2 for $35.00
Save $32.98
Add to Cart

Book Details

ISBN 139781785882074
Paperback352 pages

Book Description

Angular 2 was conceived as a complete rewrite in order to fulfill the expectations of modern developers who demand blazing fast performance and responsiveness from their web applications.

This book will help you learn the basics of how to design and build Angular 2 components right from the beginning, providing full coverage of the TypeScript syntax required to follow the examples included. From that point on, we will build upon our first components, interconnect them, and give shape to larger web applications. We will then move to implementing routing in Angular 2, analyzing how to handle application states, and navigating from one component to another in depth. After this, the book features full coverage of web forms and user input validation, later leveraging all of this information to go through the basics of implementing user authentication in Angular 2 and providing a bird’s eye view of the different strategies at hand to secure pages and areas of your website. Animating components and DOM elements with Angular 2 is also covered in this book. The final part of this book provides broad insights into how to unit test components and other modules such as services, directives, routes or pipes.

Table of Contents

Chapter 1: Creating Our Very First Component in Angular 2
A fresh start
Setting up our workspace
Hello, Angular 2!
Enhancing our IDE
Diving deeper into Angular 2 components
Summary
Chapter 2: Introducing TypeScript
Understanding the case for TypeScript
Types in TypeScript
Functions, lambdas, and execution flow
Classes, interfaces, and class inheritance
Decorators in TypeScript
Organizing our applications with modules
The road ahead
Summary
Chapter 3: Implementing Properties and Events in Our Components
A better template syntax
Configuring our template from our component class
Summary
Chapter 4: Enhancing Our Components with Pipes and Directives
Directives in Angular 2
Manipulating template bindings with Pipes
Putting it all together in the Pomodoro task list
Building our own custom pipes
Building our own custom directives
A word about naming conventions for custom directives and pipes
Summary
Chapter 5: Building an Application with Angular 2 Components
Introducing the component tree
Common conventions for scalable applications
How dependency injection works in Angular 2
Introducing the Pomodoro App directory structure
Refactoring our application the Angular 2 way
Summary
Chapter 6: Asynchronous Data Services with Angular 2
Strategies for handling asynchronous information
Reactive functional programming in Angular 2
Introducing the HTTP API
A real case study – serving Observable data through HTTP
Summary
Chapter 7: Routing in Angular 2
Adding support for the Angular 2 router
Setting up the router service
Handling route parameters
Defining child routers
The Router lifecycle hooks
Summary
Chapter 8: Forms and Authentication Handling in Angular 2
Two-way data binding in Angular 2
Tracking control interaction and validating input
Controls, ControlGroups, and the FormBuilder class
A real example – our login component
Mocking a client authentication service
Running the extra mile on access management
Summary
Chapter 9: Animating Components with Angular 2
Creating animations with plain vanilla CSS
Animating components with the AnimationBuilder
Developing custom animation directives
Looking into the future with ngAnimate 2.0
Summary
Chapter 10: Unit testing in Angular 2
Why do we need tests?
Parts of a unit test in Angular 2
Setting up our test environment
Angular 2 custom matcher functions
Testing pipes
Testing components
Testing routes
Testing services
Testing directives
The road ahead
Summary

What You Will Learn

  • Set up your working environment in order to have all the tools you need to start building Angular 2 components with minimum effort
  • Get up to speed with TypeScript, a powerful typed superset of JavaScript that compiles to plain JavaScript
  • Take full control of how your data is rendered and updated upon data changes
  • Build powerful web applications based on structured component hierarchies that emit and listen to events and data changes throughout the elements tree
  • Explore how to consume external APIs and data services and allow data editing by harnessing the power of web forms made with Angular 2
  • Deliver seamless web navigation experiences with application routing and state handling common features with ease
  • Discover how to bulletproof your applications by introducing smart unit testing techniques and debugging tools

Authors

Table of Contents

Chapter 1: Creating Our Very First Component in Angular 2
A fresh start
Setting up our workspace
Hello, Angular 2!
Enhancing our IDE
Diving deeper into Angular 2 components
Summary
Chapter 2: Introducing TypeScript
Understanding the case for TypeScript
Types in TypeScript
Functions, lambdas, and execution flow
Classes, interfaces, and class inheritance
Decorators in TypeScript
Organizing our applications with modules
The road ahead
Summary
Chapter 3: Implementing Properties and Events in Our Components
A better template syntax
Configuring our template from our component class
Summary
Chapter 4: Enhancing Our Components with Pipes and Directives
Directives in Angular 2
Manipulating template bindings with Pipes
Putting it all together in the Pomodoro task list
Building our own custom pipes
Building our own custom directives
A word about naming conventions for custom directives and pipes
Summary
Chapter 5: Building an Application with Angular 2 Components
Introducing the component tree
Common conventions for scalable applications
How dependency injection works in Angular 2
Introducing the Pomodoro App directory structure
Refactoring our application the Angular 2 way
Summary
Chapter 6: Asynchronous Data Services with Angular 2
Strategies for handling asynchronous information
Reactive functional programming in Angular 2
Introducing the HTTP API
A real case study – serving Observable data through HTTP
Summary
Chapter 7: Routing in Angular 2
Adding support for the Angular 2 router
Setting up the router service
Handling route parameters
Defining child routers
The Router lifecycle hooks
Summary
Chapter 8: Forms and Authentication Handling in Angular 2
Two-way data binding in Angular 2
Tracking control interaction and validating input
Controls, ControlGroups, and the FormBuilder class
A real example – our login component
Mocking a client authentication service
Running the extra mile on access management
Summary
Chapter 9: Animating Components with Angular 2
Creating animations with plain vanilla CSS
Animating components with the AnimationBuilder
Developing custom animation directives
Looking into the future with ngAnimate 2.0
Summary
Chapter 10: Unit testing in Angular 2
Why do we need tests?
Parts of a unit test in Angular 2
Setting up our test environment
Angular 2 custom matcher functions
Testing pipes
Testing components
Testing routes
Testing services
Testing directives
The road ahead
Summary

Book Details

ISBN 139781785882074
Paperback352 pages
Read More
From 5 reviews

Read More Reviews

Recommended for You

Angular 2 By Example Book Cover
Angular 2 By Example
$ 35.99
$ 25.20
Mastering Angular 2 Components Book Cover
Mastering Angular 2 Components
$ 35.99
$ 25.20
Angular 2 Components Book Cover
Angular 2 Components
$ 23.99
$ 16.80
Switching to Angular 2 Book Cover
Switching to Angular 2
$ 27.99
$ 19.60
ASP.NET Core and Angular 2 Book Cover
ASP.NET Core and Angular 2
$ 35.99
$ 25.20
Angular Services Book Cover
Angular Services
$ 31.99
$ 22.40