AngularJS is open source JavaScript framework that can be of help with utilizing Single Page HTML for declaring dynamic views in web-apps. The latest version of Angular 2 gives many advantages over AngularJS 1.x including better performance, lazy loading, simpler APIs, easier debugging and considerably more.

1. Why choose Angular JS?

2. AngularJS is a very popular open source JavaScript frameworks in the world of web application development.
Since its inception, it has witnessed phenomenal growth in terms of adoption and community support—both
from individual developers and corporations. The expanded HTML syntax in AngularJS framework is to make the
web applications more expressive and live. The latest version Angular 2 provides many benefits over Angular 1
including dramatically better performance, more effective templating, lazy loading, simpler APIs, easier
debugging and much more.
Introduction

3. Angular JS Features

4. Difference between Angular 1.x and Angular 2.0
Better in
Performance
Language
Parsing Tools
Component
Based UI
User Input with
the Event Syntax

5. Architecture of Angular 2
Template
Component
Meta Data
Meta DataDirective
Module
Property
Binding
Event
Binding
Services
Injector

6. Angular 2 Environment
To Start working with Angular 2, you need to get the following key components installed.
• Npm − This is known as the node package manager that is used to work with the open source repositories.
Angular JS as a framework has dependencies on other components. And npm can be used to download
these dependencies and attach them to your project.
• Git − This is the source code software that can be used to get the sample application
from the github angular site.
• Editor − There are many editors that can be used for Angular JS development such as Visual Studio code
and WebStorm. In our tutorial, we will use Visual Studio code which comes free of cost from Microsoft.

7. Angular 2 Component
MODULE COMPONENTS METADATA TEMPLATE
DATA BINDING SERVICE DIRECTIVE
DEPENDENCY
INJECTION

8. Benefits of Angular 2
Improved
Dependency Injection
TypeScript Component-Based
Tooling Simpler Routing AsynchronousTemplate
Compilation

9. Best Practices- Performance
1. WebWorkers
2. Runtime Optimizations
3. Use enable ProdMode
4. Use Application Shell
5. Pre-fetching Resources
6. Remove scripts, stylesheet from index.html
7. Tree-shaking
8. Minification and Dead code elimination

10. Envision
Let’s
CMARIXTechnoLabs
518-528, Yash Arian,
Swami Vivekanand Circle,
Memnagar Road,
Ahmedabad – 380 052
Leverage
Let us
Infinite
Be
Together
All
biz@cmarix.com
+1 631-206-6051
www.cmarix.com