Book Image

Expert Angular

By : Sridhar Rao Chivukula
Book Image

Expert Angular

By: Sridhar Rao Chivukula

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.

Related Content you might be interested in

Current Title:

Small book image
Expert Angular
Sridhar Rao Chivukula
Jul, 2017 | 454 pages
Small book image
Learning Angular 4 for .NET Developers
Rajesh Gunasundaram
Jun, 2017 | 248 pages
Small book image
Building Modern Web Applications Using Angular 4
Shravan Kumar Kasagoni
May, 2017 | 226 pages
Small book image
Web Development with Angular and Bootstrap
Aki Iskandar | Sridhar Rao Chivukula
Aug, 2019 | 492 pages
Table of Contents (18 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
Architectural Overview and Building a Simple App in Angular
Architectural Overview and Building a Simple App in Angular
Angular architecture
Basics of TypeScript
Building a simple application
Summary
2
Migrating AngularJS App to Angular App
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
3
Using Angular CLI to Generate Angular Apps with Best Practices
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
4
Working with Components
Working with Components
Components 101
Component life cycle
Communicating and sharing data between components
Summary
5
Implementing Angular Routing and Navigation
Implementing Angular Routing and Navigation
Importing and configuring the router
Route Guards
Custom component routes with inner child routes
Summary
6
Creating Directives and Implementing Change Detection
Creating Directives and Implementing Change Detection
Angular Directives
Component Directives
Structural Directives
Attribute Directives
Implementing change detection in Angular
Summary
7
Asynchronous Programming Using Observables
Asynchronous Programming Using Observables
Observer patterns
Observing HTTP responses
Promises
Summary
8
Template and Data Binding Syntax
Template and Data Binding Syntax
Learning about Template Syntax
Angular Data Binding
Summary
9
Advanced Forms in Angular
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
10
Material Design in Angular
Material Design in Angular
Installing the package
Responsive layout
Material icons
Theming
Summary
11
Implementing Angular Pipes
Implementing Angular Pipes
Angular Pipes - An overview
Defining a pipe
Parameterizing pipes
Chaining pipes
Creating custom pipes
Summary
12
Implementing Angular Services
Implementing Angular Services
Why use a service or factory?
Creating a service
Accessing data from components using services
Creating an asynchronous service
Summary
13
Applying Dependency Injection
Applying Dependency Injection
Applications without Dependency Injection
Dependency Injection - Introduction
Registering providers
Summary
14
Handling Angular Animation
Handling Angular Animation
Introduction to Angular animations
Summary
15
Integrating Bootstrap with Angular Application
Integrating Bootstrap with Angular Application
Installing Bootstrap
Understanding the grid system
Using Bootstrap directives
Summary
16
Testing Angular Apps Using Jasmine and Protractor Frameworks
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
17
Design Patterns in Angular
Design Patterns in Angular
Model-View-Controller (MVC)
Singleton and Dependency Injection
Prototype and reusable pool
Factory pattern
Memento pattern
Summary

Responsive layout

An important part of Material Designs are responsive layouts that adapt to any possible screen size. To achieve this, we use breakpoint widths: 480, 600, 840, 960, 1280, 1440, and 1600 dp as defined by the following table from https://material.io/guidelines/layout/responsive-ui.html#responsive-ui-breakpoints:

Breakpoint (dp)

Handset/ Tablet Portrait

Handset/ Tablet Landscape

Window

Columns

Gutter

0

Small handset

xsmall

4

16

360

Medium handset

xsmall

4

16

400

Large handset

xsmall

4

16

480

Large handset

Small handset

xsmall

4

16

600

Small tablet

Medium handset

small

8

16/24

720

Large tablet

Large handset

small

8

16/24

840

Large tablet

Large handset

small

12

16/24

960

Small tablet

small

12

24

1024

Large tablet

medium

12

24

1280...

Previous Section
End of Section 3
Next Section