Expert Angular

By : Sridhar Rao Chivukula

4.4 (5)

Buy this Book

Expert Angular

4.4 (5)

By: Sridhar Rao Chivukula

Buy this Book

Overview of this book

Got some experience of Angular under your belt? Want to learn everything about using advanced features for developing websites? This book is everything you need for the deep understanding of Angular that will set you apart from the developer crowd. Angular has introduced a new way to build applications. Creating complex and rich web applications, with a lighter resource footprint, has never been easier or faster. Angular is now at release 4, with significant changes through previous versions. This book has been written and tested for Angular release 4. Angular is a mature technology, and you'll likely have applications built with earlier versions. This book starts by showing you best practices and approaches to migrating your existing Angular applications so that you can be immediately up-to-date. You will take an in-depth look at components and see how to control the user journey in your applications by implementing routing and navigation. You will learn how to work with asynchronous programming by using Observables. To easily build applications that look great, you will learn all about template syntax and how to beautify applications with Material Design. Mastering forms and data binding will further speed up your application development time. Learning about managing services and animations will help you to progressively enhance your applications. Next you’ll use native directives to integrate Bootstrap with Angular. You will see the best ways to test your application with the leading options such as Jasmine and Protractor. At the end of the book, you’ll learn how to apply design patterns in Angular, and see the benefits they will bring to your development.

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

Architectural Overview and Building a Simple App in Angular

Angular architecture

Basics of TypeScript

Building a simple application

Summary

Migrating AngularJS App to Angular App

Migration process

Syntax difference between Angular and AngularJS

Benefits of upgrading to Angular

Rules for incremental upgrade to Angular

Incremental upgrading using UpgradeAdapter

Components migration

Roadmap from AngularJS to Angular

Summary

Using Angular CLI to Generate Angular Apps with Best Practices

Introducing Angular CLI

Installing and setting up Angular CLI

Generating code for a new application

Generating components and routes

Generating services

Generating directives and pipes

Creating builds targeting various environments

Running tests for your application

Updating Angular CLI

Summary

Working with Components

Components 101

Component life cycle

Communicating and sharing data between components

Summary

Implementing Angular Routing and Navigation

Importing and configuring the router

Route Guards

Custom component routes with inner child routes

Summary

Creating Directives and Implementing Change Detection

Angular Directives

Component Directives

Structural Directives

Attribute Directives

Implementing change detection in Angular

Summary

Asynchronous Programming Using Observables

Observer patterns

Observing HTTP responses

Promises

Summary

Template and Data Binding Syntax

Learning about Template Syntax

Angular Data Binding

Summary

Advanced Forms in Angular

Getting started

Reactive forms

Using FormBuilder

Adding validations

Custom validation

Two-way Data Binding with ngModel

Keeping things neat (extra credit)

Summary

Material Design in Angular

Installing the package

Responsive layout

Material icons

Theming

Summary

Implementing Angular Pipes

Angular Pipes - An overview

Defining a pipe

Parameterizing pipes

Chaining pipes

Creating custom pipes

Summary

Implementing Angular Services

Why use a service or factory?

Creating a service

Accessing data from components using services

Creating an asynchronous service

Summary

Applying Dependency Injection

Applications without Dependency Injection

Dependency Injection - Introduction

Registering providers

Summary

Handling Angular Animation

Introduction to Angular animations

Summary

Integrating Bootstrap with Angular Application

Installing Bootstrap

Understanding the grid system

Using Bootstrap directives

Summary

Testing Angular Apps Using Jasmine and Protractor Frameworks

Concepts in testing

Understanding and setting up Angular CLI for testing

Introduction to Jasmine framework

Introduction to Protractor framework

Summary

Design Patterns in Angular

Model-View-Controller (MVC)

Singleton and Dependency Injection

Prototype and reusable pool

Factory pattern

Memento pattern

Summary

Customer Reviews

4.4 (5)

5 star

80%

4 star

3 star

2 star

20%

1 star

Design Patterns in Angular

TypeScript is an object-oriented programming language and, as such, we can leverage decades of knowledge on object-oriented architecture. In this chapter, we explore some of the most useful object-oriented design patterns and learn how to apply them in an Angular way.

Angular is, by itself, an object-oriented framework and it forces you to do most of your development in certain ways. For example, you are required to have components, services, pipes, and so on. Forcing upon you these building blocks contributes to building good architecture. Very much like what the Zend framework does for PHP or Ruby on Rails for Ruby. Frameworks are here to make your life easier and speed up the development time.

While the Angular way of designing things is way above average, we can always do better. I do not claim that what I present in this chapter is the ultimate...