100 likes | 187 Views
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.
E N D
Introduction 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.
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 Module Meta Data Directive Template Property Binding Event Binding Meta Data Injector Component Services
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 COMPONENTS MODULE TEMPLATE METADATA SERVICE DATA BINDING DEPENDENCY INJECTION DIRECTIVE
Benefits of Angular 2 Asynchronous Template Compilation Improved Dependency Injection Component-Based Simpler Routing TypeScript Tooling
Best Practices- Performance Web Workers Runtime Optimizations Use enable ProdMode Use Application Shell Pre-fetching Resources Remove scripts, stylesheet from index.html Tree-shaking Minification and Dead code elimination
Let’s Let us Be All Envision Leverage Infinite Together CMARIX TechnoLabs 518-528, Yash Arian, Swami Vivekanand Circle, Memnagar Road, Ahmedabad – 380 052 biz@cmarix.com +1 631-206-6051www.cmarix.com