Book Image

Switching to Angular - Third Edition

By : Minko Gechev
Book Image

Switching to Angular - Third Edition

By: Minko Gechev

Overview of this book

Align your work to stable APIs of Angular, version 5 and beyond, with Angular expert Minko Gechev. Angular is the modern Google framework for you to build high-performance, SEO-friendly, and robust web applications. Switching to Angular, Third Edition, shows you how you can align your current and future development with Google's long-term vision for Angular. Gechev shares his expert knowledge and community involvement to give you the clarity you need to confidently switch to Angular and stable APIs. Minko Gechev helps you get to grips with Angular with an overview of the framework, and understand the long-term building blocks of Google's web framework. Gechev then gives you the lowdown on TypeScript with a crash course, so you can take advantage of Angular in its native, statically typed environment. You'll next move on to see how to use Angular dependency injection, plus how Angular router and forms, and Angular pipes, are designed to work for your projects today and in the future. You'll be aligned with the vision and techniques of the one Angular, and be ready to start building quick and efficient Angular applications. You'll know how to take advantage of the latest Angular features and the core, stable APIs you can depend on. You'll be ready to confidently plan your future with the Angular framework.

Related Content you might be interested in

Current Title:

Small book image
Switching to Angular - Third Edition
Minko Gechev
Oct, 2017 | 280 pages
Small book image
Essential Angular 4
Victor Savkin | Jeff Cross
May, 2017 | 108 pages
Small book image
Expert Angular
Mathieu Nayrolles | Alexandru Vasile Pop | Rajesh Gunasundaram | Sridhar Rao Chivukula
Jul, 2017 | 454 pages
Small book image
Learning Angular 4 for .NET Developers
Rajesh Gunasundaram
Jun, 2017 | 248 pages
Table of Contents (10 chapters)
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
Switching to the One Angular
Switching to the One Angular
Introducing the One Angular
From AngularJS to Angular
The new beginning
Angular and SemVer
Summary
2
Get Going with Angular
Get Going with Angular
The evolution of the web – time for a new framework
The evolution of ECMAScript
Lessons learned from AngularJS in the wild
Summary
3
The Building Blocks of an Angular Application
The Building Blocks of an Angular Application
A conceptual overview of Angular
Changing directives
Getting to know Angular components
Angular modules
Pipes
Improving change detection
Services
The new router
Summary
4
TypeScript Crash Course
TypeScript Crash Course
Introduction to TypeScript
Using TypeScript
TypeScript syntaxes 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 using type parameters
Writing less verbose code with the type inference of TypeScript
Introducing structural typing
Using ambient type definitions
Summary
5
Getting Started with Angular Components and Directives
Getting Started with Angular Components and Directives
The "Hello world!" application in Angular
Using Angular and TypeScript
Using Angular directives
Improved semantics of the directives syntax
Defining Angular directives
Using NgModules for declaring reusable components
Creating custom Angular components
Explaining Angular's content projection
Hooking into the component's life cycle
Defining generic views with TemplateRef
Understanding and enhancing the change detection
Summary
6
Dependency Injection in Angular
Dependency Injection in Angular
Why do I need dependency injection?
Dependency injection in Angular
Declaring providers
Defining factories for instantiating services
Declaring optional dependencies
Understanding multiproviders
Child injectors and visibility
Using dependency injection with components and directives
Summary
7
Working with the Angular Router and Forms
Working with the Angular Router and Forms
Developing the "Coders repository" application
Exploring the Angular router
Using Angular's forms module
Two-way data binding with Angular
Storing the form data
Listing all the stored data
Summary
8
Explaining Pipes and Communicating with RESTful Services
Explaining Pipes and Communicating with RESTful Services
Developing model-driven forms in Angular
Exploring the HTTP module of Angular
Defining parameterized views
Defining nested routes
Transforming data with pipes
Summary
9
Tooling and Development Experience
Tooling and Development Experience
Running an application in a web worker
Initial load of a single-page application
Enhancing our development experience
Angular quick starters
Ahead-of-time compilation in Angular
Summary

Dependency injection in Angular

Another way we can approach this is by taking advantage of the DI pattern. We're already familiar with it from AngularJS; let's demonstrate how we can refactor the preceding code using DI in the context of Angular:

class Engine {...} 
class Transmission {...} 
 
@Injectable() 
class Car { 
  engine; 
  transmission;
 
  constructor(engine: Engine, transmission: Transmission) { 
    this.engine = engine; 
    this.transmission = transmission; 
  } 
}

All we did in the preceding snippet was adding the @Injectable class decorator on top of the definition of the Car class and providing type annotations for the parameters of its constructor.

Benefits of using dependency injection

There...

Previous Section
End of Section 3
Next Section