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

Material Design in Angular

Material Design is the new, much-hyped, design style. It replaced flat design as the new must use design. Material Design was introduced by Google in 2014 and it expanded the card motifs of Google Now. The following is an image of a Google Now card:


Google Now card.

The whole idea behind Material Design is to build upon the grid based system, the responsiveness of animations and transitions, while adding depth to the design. Matias Duarte, the lead designer behind Material Design, put it this way:

"Unlike real paper, our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch."

Material Design is a set of very precise and complete specifications that can be found here: https://material.google.com/.

Anyone with solid knowledge of CSS3 and HTML5...

Previous Section
End of Section 1
Next Section