Get Going with Angular | Switching to Angular

Book Overview & Buying
Table Of Contents

Switching to Angular - Third Edition

By : Minko Gechev

3 (5)

Buy this Book

Switching to Angular

3 (5)

By: Minko Gechev

Buy this Book

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

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

Introducing the One Angular

From AngularJS to Angular

The new beginning

Angular and SemVer

Summary

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

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

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

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

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

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

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

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

In this chapter, we considered the main reasons behind the lack of backward compatibility between AngularJS and Angular. We saw that the design decisions implemented in Angular were fueled by two things: the evolution of the web and the evolution of the frontend development, with the lessons learned from the development of AngularJS applications.

In the first section, you learned why we need to use the latest version of the JavaScript language, why to take advantage of web components and web workers, and why it's not worth integrating all these powerful tools in AngularJS.

We observed the current direction of frontend development and the lessons learned in the last few years. We described why the controller and scope were removed from Angular, and why the architecture of AngularJS was changed in order to allow server-side rendering for SEO-friendly, high-performance...

Tech Concepts

Programming languages

Tech Tools