Switching to Angular 2

Build SEO-friendly, high-performance single-page applications with Angular 2
Preview in Mapt

Switching to Angular 2

Minko Gechev

1 customer reviews
Build SEO-friendly, high-performance single-page applications with Angular 2
Mapt Subscription
FREE
$29.99/m after trial
eBook
$10.00
RRP $27.99
Save 64%
Print + eBook
$34.99
RRP $34.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
$10.00
$34.99
$29.99 p/m after trial
RRP $27.99
RRP $34.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Switching to Angular 2 Book Cover
Switching to Angular 2
$ 27.99
$ 10.00
Angular 2 Design Patterns and Best Practices Book Cover
Angular 2 Design Patterns and Best Practices
$ 35.99
$ 10.00
Buy 2 for $20.00
Save $43.98
Add to Cart

Book Details

ISBN 139781785886201
Paperback254 pages

Book Description

AngularJS is a JavaScript framework that makes building web applications easier. It is used today in large-scale, high-traffic websites that struggle with under-performance, portability issues, as well as SEO unfriendliness, and complexity at scale.

Angular 2 changes that.

It is the modern framework you need to build performant and robust web applications. “Switching to Angular 2” is the quickest way to get to grips with Angular 2 and will help you transition in to the brave new world of Angular 2.

We’ll start with an overview which sets the changes of the framework in context with version 1.x. After that, you will be taken on a TypeScript crash-course so we can take advantage of Angular 2 in its native, statically-typed environment. We’ll look at the new change-detection method in detail, how Directives and Components change how you create websites with Angular, the new Angular 2 router, and much more.

By the end of the book, you’ll be ready to start building quick and efficient Angular 2 applications that take advantage of all the new features on offer.

Table of Contents

Chapter 1: Getting Started with Angular 2
The evolution of the Web – time for a new framework
The evolution of ECMAScript
Lessons learned from AngularJS 1.x in the wild
Summary
Chapter 2: The Building Blocks of an Angular 2 Application
A conceptual overview of Angular 2
Changing directives
Getting to know Angular 2 components
Pipes
Change detection
Understanding services
Understanding the new component-based router
Summary
Chapter 3: TypeScript Crash Course
Introduction to TypeScript
Using TypeScript
TypeScript syntax and features introduced by ES2015 and ES2016
Meta-programming with ES2016 decorators
Writing modular code with ES2015
ES2015 module loader
ES2015 and ES2016 recap
Taking advantage of static typing
Further expressiveness with TypeScript decorators
Writing generic code by using type parameters
Writing less verbose code with TypeScript's type inference
Using ambient type definitions
Summary
Chapter 4: Getting Started with Angular 2 Components and Directives
The Hello world! application in Angular 2
Setting up our environment
Playing with Angular 2 and TypeScript
Using Angular 2 directives
Improved semantics of the directives syntax
Defining Angular 2 directives
Using Angular 2's built-in directives
Introducing the component's view encapsulation
Implementing the component's controllers
Handling user actions
Explaining Angular 2's content projection
Hooking into the component's life cycle
The order of execution
Defining generic views with TemplateRef
Understanding and enhancing the change detection
Summary
Chapter 5: Dependency Injection in Angular 2
Why do I need Dependency Injection?
Dependency Injection in Angular 2
Configuring an injector
Defining factories for instantiating services
Child injectors and visibility
Summary
Chapter 6: Working with the Angular 2 Router and Forms
Developing the "Coders repository" application
Exploring the Angular 2 router
Using Angular 2 forms
Two-way data-binding with Angular 2
Storing the form data
Listing all the stored developers
Summary
Chapter 7: Explaining Pipes and Communicating with RESTful Services
Developing model-driven forms in Angular 2
Exploring the HTTP module of Angular
Defining parameterized views
Defining nested routes
Transforming data with pipes
Summary
Chapter 8: Development Experience and Server-Side Rendering
Running applications in Web Workers
Initial load of a single-page application
Enhancing our development experience
Bootstrapping a project with angular-cli
Angular 2 quick starters
Summary

What You Will Learn

  • Understand the changes made from Angular 1.x with side-by-side code samples to help demystify the Angular 2 learning curve
  • Start working with Angular 2’s new method of implementing directives
  • Use TypeScript to write modern, powerful Angular 2 applications
  • Dig in to the change-detection method, and other architectural changes to make sure you know what’s going on under the hood of Angular 2.
  • Get to work with the new router in Angular 2
  • Use the new features of Angular 2 including pipes, or the updated features such as forms, services, and the DI module
  • Master server-side rendering in Angular 2 to keep your new applications SEO friendly

Authors

Table of Contents

Chapter 1: Getting Started with Angular 2
The evolution of the Web – time for a new framework
The evolution of ECMAScript
Lessons learned from AngularJS 1.x in the wild
Summary
Chapter 2: The Building Blocks of an Angular 2 Application
A conceptual overview of Angular 2
Changing directives
Getting to know Angular 2 components
Pipes
Change detection
Understanding services
Understanding the new component-based router
Summary
Chapter 3: TypeScript Crash Course
Introduction to TypeScript
Using TypeScript
TypeScript syntax and features introduced by ES2015 and ES2016
Meta-programming with ES2016 decorators
Writing modular code with ES2015
ES2015 module loader
ES2015 and ES2016 recap
Taking advantage of static typing
Further expressiveness with TypeScript decorators
Writing generic code by using type parameters
Writing less verbose code with TypeScript's type inference
Using ambient type definitions
Summary
Chapter 4: Getting Started with Angular 2 Components and Directives
The Hello world! application in Angular 2
Setting up our environment
Playing with Angular 2 and TypeScript
Using Angular 2 directives
Improved semantics of the directives syntax
Defining Angular 2 directives
Using Angular 2's built-in directives
Introducing the component's view encapsulation
Implementing the component's controllers
Handling user actions
Explaining Angular 2's content projection
Hooking into the component's life cycle
The order of execution
Defining generic views with TemplateRef
Understanding and enhancing the change detection
Summary
Chapter 5: Dependency Injection in Angular 2
Why do I need Dependency Injection?
Dependency Injection in Angular 2
Configuring an injector
Defining factories for instantiating services
Child injectors and visibility
Summary
Chapter 6: Working with the Angular 2 Router and Forms
Developing the "Coders repository" application
Exploring the Angular 2 router
Using Angular 2 forms
Two-way data-binding with Angular 2
Storing the form data
Listing all the stored developers
Summary
Chapter 7: Explaining Pipes and Communicating with RESTful Services
Developing model-driven forms in Angular 2
Exploring the HTTP module of Angular
Defining parameterized views
Defining nested routes
Transforming data with pipes
Summary
Chapter 8: Development Experience and Server-Side Rendering
Running applications in Web Workers
Initial load of a single-page application
Enhancing our development experience
Bootstrapping a project with angular-cli
Angular 2 quick starters
Summary

Book Details

ISBN 139781785886201
Paperback254 pages
Read More
From 1 reviews

Read More Reviews

Recommended for You

Angular 2 By Example Book Cover
Angular 2 By Example
$ 35.99
$ 10.00
ASP.NET Core and Angular 2 Book Cover
ASP.NET Core and Angular 2
$ 35.99
$ 10.00
Ionic 2 Cookbook - Second Edition Book Cover
Ionic 2 Cookbook - Second Edition
$ 35.99
$ 10.00
Ionic 2 Blueprints Book Cover
Ionic 2 Blueprints
$ 35.99
$ 10.00
Mastering JavaScript Object-Oriented Programming Book Cover
Mastering JavaScript Object-Oriented Programming
$ 35.99
$ 10.00
Learning Vue.js 2 Book Cover
Learning Vue.js 2
$ 35.99
$ 10.00