KEMBAR78
Reason to choose Angular JS for your Web Application | PPTX
Why choose Angular JS?
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
Angular JS Features
Difference between Angular 1.x and Angular 2.0
Better in
Performance
Language
Parsing Tools
Component
Based UI
User Input with
the Event Syntax
Architecture of Angular 2
Template
Component
Meta Data
Meta DataDirective
Module
Property
Binding
Event
Binding
Services
Injector
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.
Angular 2 Component
MODULE COMPONENTS METADATA TEMPLATE
DATA BINDING SERVICE DIRECTIVE
DEPENDENCY
INJECTION
Benefits of Angular 2
Improved
Dependency Injection
TypeScript Component-Based
Tooling Simpler Routing AsynchronousTemplate
Compilation
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
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

Reason to choose Angular JS for your Web Application

  • 1.
  • 2.
    AngularJS is avery 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.
  • 4.
    Difference between Angular1.x and Angular 2.0 Better in Performance Language Parsing Tools Component Based UI User Input with the Event Syntax
  • 5.
    Architecture of Angular2 Template Component Meta Data Meta DataDirective Module Property Binding Event Binding Services Injector
  • 6.
    Angular 2 Environment ToStart 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 MODULECOMPONENTS METADATA TEMPLATE DATA BINDING SERVICE DIRECTIVE DEPENDENCY INJECTION
  • 8.
    Benefits of Angular2 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, SwamiVivekanand Circle, Memnagar Road, Ahmedabad – 380 052 Leverage Let us Infinite Be Together All biz@cmarix.com +1 631-206-6051 www.cmarix.com