Angular JS

What is the difference between Angular vs AngularJS?

 One vital distinction between Angular vs AngularJS is AngularJS is JavaScript-based while Angular is TypeScript based. These two frameworks have similarities as a front end, open-source platform that create dynamic SPAs but let's look at their differences

VersionRelease dateWhat's New
Angular JS 1.X2010-10-01
Angular 22016-09-01Mobile Oriented
Angular 3Angular 3 was skipped
Angular 42017-03-01Faster Compilation, Better Bug fixes[29]
Angular 52017-11-01Build Optimizer, Compiler Improvements[30]
Angular 62018-05-01CDK, CLI Workspaces, RxJS v6[31]
Angular 72018-10-01Virtual Scrolling, Drag and Drop[32]
Angular 82019-05-01Builder APIs in CLI, Web Worker Support[33]
Angular 92020-02-01Ivy Compiler, TypeScript 3.7 Support[34]
Angular 102020-06-01TypeScript 3.9, TSLib v2.0, TSLint v6[35]
Angular 112020-11-01Automatic font inlining, Restructured HMR, Webpack 5[36]
Angular 122021-05-01Tailwind CSS, Nullish Coalescing, Deprecated support for IE 11[37]
Angular 132021-11-01Dynamically enable/disable validators, Creating dynamic components is easy

What is Angular 


Angular is at least five times faster than AngularJS due to a much better algorithm for data binding and a component-based architecture. The components of an Angular application are quite independent and self-sufficient, which makes them reusable and test friendly


Angular 8 is a client-side TypeScript based framework which is used to create dynamic web applications. It is very similar to its previous versions except having some extensive features

Note: Dynamic web applications are simply dynamic websites i.e. www.gmail.com, www.yahoo.com, etc. which has tendency to change data/information with respect to 3 parameters:

  • Time-to-time (eg. news update webs applications)
  • Location-to-location (eg. Weather-report web applications)
  • User-to-user (eg. Gmail, Facebook type applications)

You can see how to upgrade Angular CLI to version 8. Click Here

  • To check Node and Angular CLI version, use ng --version command.
  • To check npm version, use node -v command.
  • To check MongoDB version, use mongod --version command.
  • To check MongoDB shell version, use mongo --version command.

New Features of Angular 

The Angular community has released its latest version Angular 8 with an impressive list of changes and improvements including the much awaited Ivy compiler as an opt-in feature.

  • Angular 8 supports TypeScript 3.4
  • Angular 8 supports Web Workers
  • The new compiler for Angular 8 is Ivy Rendering Engine
  • Angular 8 provides dynamic imports for lazy-loaded modules.
  • Improvement of ngUpgrade

TypeScript 3.4

Angular 8 supports TypeScript 3.4 and it is required to run your Angular 8 project. So you have to upgrade your TypeScript version to 3.4.

Web workers class

JavaScript is single threaded, so it is common for more critical tasks like data calls to take place asynchronously. Web Workers facilitates you to run the CPU intensive computations in the background thread, freeing the main thread to update the user interface.

Web workers can also be helpful, if your application is unresponsive while processing data.

If you want to outsource such a calculation to a background, we must first create t he web worker using the Angular CLI.

More about Ivy and Bazel

Ivy is the new rendering engine and Bazel is the new build system. Both are ready for proper use with Angular 8. The preview of these two should be available shortly. Ivy is a new compiler/runtime of Angular and Angular 8 is a first release to offer a switch to opt-in into Ivy officially.

Ivy is supposed to be a by default rendering engine in Angular version 9.

Bazel provides one of the newest features of Angular 8 as a possibility to build your CLI application more quickly.


Install Node and Angular

https://www.javatpoint.com/angular-8-installation


--------------------------------------------------

ng new ang9


cd /d ang9

code .

ng serve --open

Project Json

         -        Packages the we need in the project

 Angular.Json

         -        Contains Root Folder paths, index (Startup Page)

Src/Index.html

           Inside it

<body>
  <app-root></app-root>
</body>
app-root - selector - contains html contents from app->

 app.module.ts

        -  To Add Component / Services , Etc

app.component.html

 This is the variable declaration 
        - {{ title }}

 this variable can comes from app.component.ts
Install Bootstrap - css & js

 https://getbootstrap.com/docs/4.4/getting-started/introduction/
Stop Project - Ctrl + c














Comments

Post a Comment

Popular Posts