Learning Angular - Second Edition

Build modern SPAs by learning the latest and powerful features of Angular 5 and TypeScript 2.x
Preview in Mapt

Learning Angular - Second Edition

Christoffer Noring, Pablo Deeleman

Build modern SPAs by learning the latest and powerful features of Angular 5 and TypeScript 2.x

Quick links: > What will you learn?> Table of content

Mapt Subscription
FREE
$29.99/m after trial
eBook
$25.20
RRP $35.99
Save 29%
Print + eBook
$44.99
RRP $44.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
$25.20
$44.99
$29.99 p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 14 Day Trial

Frequently bought together


Learning Angular - Second Edition Book Cover
Learning Angular - Second Edition
$ 35.99
$ 25.20
MongoDB Administrator’s Guide Book Cover
MongoDB Administrator’s Guide
$ 31.99
$ 22.40
Buy 2 for $35.00
Save $32.98
Add to Cart

Book Details

ISBN 139781787124929
Paperback456 pages

Book Description

The latest version of Angular comes with a lot of new features that help you to make your applications smaller and faster. This book will show you how to set up an Angular project, and you’ll build Angular components right from the beginning.

Moving on, you’ll explore and work with the components to build your app. Next, you’ll find out more about TypeScript and see how to use it to build apps in the best way possible. You’ll then be introduced to the building blocks - Properties, Events, Directives, and Pipes - and how it can be used to implement and enhance the components.

Additionally, you’ll be using Angular components to organize your components in a scalable way. Then you’ll understand how to get data in your app and add navigation to it. Furthermore, you’ll deep dive and work with Forms, Authentication, and see how Material design will help you make your app beautiful in just a few short lines of code. Lastly, you’ll see how to use animating components with Angular, and test and debug the app.

All in all, the overall mission is to give you a great start when developing apps using Angular and TypeScript.

Table of Contents

Chapter 1: Creating Our First Component in Angular
It's just Angular – introducing semantic versioning
A fresh start
Setting up our workspace with Angular CLI
Hello Angular
Diving deeper into Angular components
Summary
Chapter 2: IDEs and Plugins
IDEs
Summary
Chapter 3: Introducing TypeScript
Understanding the case for TypeScript
Types in TypeScript
Functions, lambdas, and execution flow
General features
Classes, interfaces, and class inheritance
Decorators in TypeScript
Organizing our applications with modules
Summary
Chapter 4: Implementing Properties and Events in Our Components
A better template syntax
Configuring our template from our component class
Summary
Chapter 5: Enhancing Our Components with Pipes and Directives
Directives in Angular
Manipulating template bindings with pipes
Putting it all together in a task list
Building our own custom pipes
Building our own custom directives
A word about naming conventions for custom directives and pipes
Summary
Chapter 6: Building an Application with Angular Components
Introducing the component tree 
Common conventions for scalable applications
How dependency injection works in Angular
Introducing the app directory structure
Refactoring our application the Angular way
Summary
Chapter 7: Asynchronous Data Services with Angular
Strategies for handling asynchronous information
Reactive functional programming in Angular
Introducing the HTTP API
A real case study – serving Observable data through HTTP
Some best practices
Summary
Chapter 8: Firebase
Three-way binding versus two-way binding
Some words on storage - the problem with a list
AngularFire2
The admin tools
Adding AngularFire2 to your app
Protecting our app
Working with data - CRUD
Responding to change
Adding authentication
Summary
Chapter 9: Routing
Adding support for the Angular router
Building a practical example – setting up the router service
Handling parameters
Advanced features
Securing the routes with AuthGuard and CanActivate hook
Resolve<T> – fetching and resolving data before routing
The CanDeactivate – handling cancel and save
Async routing – improving response time
Summary
Chapter 10: Forms in Angular
Template-driven forms
Reactive forms
Summary
Chapter 11: Angular Material
Material Design
Angular Material
Component overview
Summary
Chapter 12: Animating Components with Angular
Creating animations with plain vanilla CSS
Introducing Angular animations
Animating components with the AnimationBuilder
Summary
Chapter 13: Unit Testing in Angular
Why do we need tests?
The anatomy of a unit test
Introduction to testing in Angular
Introduction to component testing
Component testing with dependencies
Testing pipes
Mocking HTTP responses with HttpClientTestingController 
Input and outputs
Testing routing
Testing directives
The road ahead
Summary
Chapter 14: SystemJS
SystemJS introduction
A flying start with the quickstart repository
Understanding the parts
Summary
Chapter 15: Webpack with Angular
Core concepts
Webpack - first project
Adding more capabilities to our project
Setting up Angular with webpack
Dev configuration
Summary

What You Will Learn

  • Set up the workspace and the project using webpack and Angular-Cli
  • Explore the features of TypeScript and organize the code in ES6 modules
  • Work with HTTP and Data Services and understand how data can flow in the app
  • Create multiple views and learn how to navigate between them
  • Make the app beautiful by adding Material Design
  • Implement two different types of form handling and its validation
  • Add animation to some standard events such as route change, initialization, data load, and so on
  • Discover how to bulletproof your applications by introducing smart unit testing techniques and debugging tools

Authors

Table of Contents

Chapter 1: Creating Our First Component in Angular
It's just Angular – introducing semantic versioning
A fresh start
Setting up our workspace with Angular CLI
Hello Angular
Diving deeper into Angular components
Summary
Chapter 2: IDEs and Plugins
IDEs
Summary
Chapter 3: Introducing TypeScript
Understanding the case for TypeScript
Types in TypeScript
Functions, lambdas, and execution flow
General features
Classes, interfaces, and class inheritance
Decorators in TypeScript
Organizing our applications with modules
Summary
Chapter 4: Implementing Properties and Events in Our Components
A better template syntax
Configuring our template from our component class
Summary
Chapter 5: Enhancing Our Components with Pipes and Directives
Directives in Angular
Manipulating template bindings with pipes
Putting it all together in a task list
Building our own custom pipes
Building our own custom directives
A word about naming conventions for custom directives and pipes
Summary
Chapter 6: Building an Application with Angular Components
Introducing the component tree 
Common conventions for scalable applications
How dependency injection works in Angular
Introducing the app directory structure
Refactoring our application the Angular way
Summary
Chapter 7: Asynchronous Data Services with Angular
Strategies for handling asynchronous information
Reactive functional programming in Angular
Introducing the HTTP API
A real case study – serving Observable data through HTTP
Some best practices
Summary
Chapter 8: Firebase
Three-way binding versus two-way binding
Some words on storage - the problem with a list
AngularFire2
The admin tools
Adding AngularFire2 to your app
Protecting our app
Working with data - CRUD
Responding to change
Adding authentication
Summary
Chapter 9: Routing
Adding support for the Angular router
Building a practical example – setting up the router service
Handling parameters
Advanced features
Securing the routes with AuthGuard and CanActivate hook
Resolve<T> – fetching and resolving data before routing
The CanDeactivate – handling cancel and save
Async routing – improving response time
Summary
Chapter 10: Forms in Angular
Template-driven forms
Reactive forms
Summary
Chapter 11: Angular Material
Material Design
Angular Material
Component overview
Summary
Chapter 12: Animating Components with Angular
Creating animations with plain vanilla CSS
Introducing Angular animations
Animating components with the AnimationBuilder
Summary
Chapter 13: Unit Testing in Angular
Why do we need tests?
The anatomy of a unit test
Introduction to testing in Angular
Introduction to component testing
Component testing with dependencies
Testing pipes
Mocking HTTP responses with HttpClientTestingController 
Input and outputs
Testing routing
Testing directives
The road ahead
Summary
Chapter 14: SystemJS
SystemJS introduction
A flying start with the quickstart repository
Understanding the parts
Summary
Chapter 15: Webpack with Angular
Core concepts
Webpack - first project
Adding more capabilities to our project
Setting up Angular with webpack
Dev configuration
Summary

Book Details

ISBN 139781787124929
Paperback456 pages
Read More

Read More Reviews

Recommended for You

MongoDB Administrator’s Guide Book Cover
MongoDB Administrator’s Guide
$ 31.99
$ 22.40
Learning ASP.NET Core 2.0 Book Cover
Learning ASP.NET Core 2.0
$ 35.99
$ 25.20
Building Web Apps with Spring 5 and Angular 4 Book Cover
Building Web Apps with Spring 5 and Angular 4
$ 39.99
$ 28.00
Bootstrap 4 - Responsive Web Design Book Cover
Bootstrap 4 - Responsive Web Design
$ 71.99
$ 50.40
Architecting Modern Java EE Applications Book Cover
Architecting Modern Java EE Applications
$ 39.99
$ 28.00
NativeScript for Angular Mobile Development Book Cover
NativeScript for Angular Mobile Development
$ 35.99
$ 25.20