Sign In Start Free Trial

Switching to Angular

By : Minko Gechev

3 (5)

Switching to Angular

3 (5)

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.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

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

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

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

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

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

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

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

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

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

Customer Reviews

3 (5)

5 star

40%

4 star

0

3 star

20%

2 star

0

1 star

40%

Developing the "Coders repository" application

Throughout the process of explaining the listed concepts, we'll develop a sample application that contains a repository of developers. Before we start coding, let's discuss the structure of the application.

The "Coders repository" will allow its users to add developers, either by filling a form with details about them or by providing the GitHub handle for the developer and importing their profile from GitHub.

For the purpose of this chapter, we will store information about the developers in memory, which means that after the page is refreshed, we'll lose all the data stored during the session.

The application will have the following views:

A list of all the developers
A view for adding or importing new developers

A view that shows the given developer's details. This view has two subviews:

...

Search

Your notes and bookmarks