ANGULAR Introduction

ANGULAR Introduction 

We will discuss the following

• What is AngularJS (https://code.angularjs.org/)
• What is Angular (https://cli.angular.io/)
• Difference between AngularJS & Angular framework
• AngularJS/Angular Version 

What is AngularJs (V1.0 to V1.7) -  V1.7 with Long Term Support

• HTML is great for declaring static documents, but not to use it for declaring dynamic views in web-applications.
• After AnhularJS, the resulting environment is extraordinarily, expressive, readable and quick to develop.
• 100 % JS framework, good for SPA and Client Side.
• ng-app, ng-model etc… html attribute based support
• HTML has angular(<>) brackets and "ng" sounds like "AngularJS“ and maintained by Google.

Why we should use AngularJS

• Two-way data binding
• Reusable Components, Scope and Controllers
• Form Validation, Open Source
• Server Communication
• Inject-able
• Testable
• Security: Like any other technology, AngularJS is not impervious to attack.

AngularJS to Angular (V2 or V2+)

• The rewrite of AngularJS was called "Angular 2", but this led to confusion among developers.
• Team announced : Separate terms should be used for each framework with "AngularJS" referring to the 1.X versions.
• "Angular" without the "JS" referring to versions 2 and up.
• Written in TypeScript
• Cross platform support
• Speed & Performance with Incredible Tooling like vs, vs code
• OPEN SOURCE web application framework led by the Angular Team at Google and by a community of individual and corporations

Available Angular Version

Difference between ANGULAR and ANGULARJS

• Angular was designed as a ground-up rewrite of AngularJS.
• Angular does not have a concept of "scope" or controllers, instead it uses a hierarchy of components
• Angular has a different expression syntax, focusing on "[ ]" for property binding, and "( )" for event binding.
• Modularity – much core functionality has moved to modules

Angular recommends the use of Microsoft's TypeScript language, which introduces the following features:

• TypeScript is a superset of ECMAScript 6 (ES6), and is backwards compatible with ECMAScript 5 (i.e.: JavaScript).
• Static typing, including Generics
• Annotations
• Dynamic loading
• Asynchronous template compilations
• Iterative callbacks provided by RxJS. RxJS limits state visibility and debugging, but these can be solved with reactive add-ons like ngReact or ngrx.
• Support for Angular Universal, which runs Angular applications on servers

Click below to see all these steps in actions