Packt+ | Advance your knowledge in tech

You're reading from Expert Angular Build deep understanding of Angular to set you apart from the developer crowd

Product type Paperback

Published in Jul 2017

Publisher Packt

ISBN-13 9781785880230

Length 454 pages

Edition 1st Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Author (1):

Sridhar Rao Chivukula

View More author details

Table of Contents (24) Chapters

Title Page

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Customer Feedback

Preface

1. Architectural Overview and Building a Simple App in Angular FREE CHAPTER

2. Migrating AngularJS App to Angular App

3. Using Angular CLI to Generate Angular Apps with Best Practices

4. Working with Components

5. Implementing Angular Routing and Navigation

6. Creating Directives and Implementing Change Detection

7. Asynchronous Programming Using Observables

8. Template and Data Binding Syntax

9. Advanced Forms in Angular

10. Material Design in Angular

11. Implementing Angular Pipes

12. Implementing Angular Services

13. Applying Dependency Injection

14. Handling Angular Animation

15. Integrating Bootstrap with Angular Application

16. Testing Angular Apps Using Jasmine and Protractor Frameworks

17. Design Patterns in Angular

Roadmap from AngularJS to Angular

It is good to follow this roadmap in migrating AngularJS to Angular:

JavaScript to TypeScript
Installing Angular packages
Creating the AppModule
Bootstrapping your application
Upgrading your application service
Upgrading your application component
Adding the Angular router

Let us discuss them in detail in the following sections.

JavaScript to TypeScript

Start your migration process by introducing TypeScript, as you will be writing your code using TypeScript in Angular. Installing TypeScript into your Angular application is quite easy. Run the following command to install TypeScript from npm into your application and save the package information to package.json:

npm i typescript --save-dev

Note

Note: As the Angular package is only available on npm, we will be installing any new packages from npm and we will slowly phase out from the Bower package manager

We also need to configure TypeScript, instructing it on transpiling the TypeScript code into ES5 code in the tsconfig...