Skip to main content

What are the differences between Angular Js, Angular 2 and Angular 4?

By
 Angular Js was introduced in 2010 as a javascript framework for building client applications So it came into popularity. And angular team started adding new features to the core. But the framework is designed with needs up to date applications in might plus it was overly complex. So, the Angular team decided to write the original framework using typescript. As a result, Angular 2 came out in may 2016.

    This new version entirely different from angular 1. This made a lot of developers unhappy 😕.  Because numerous applications built with Angular 1. Each application over a few thousand lines of code has to be written. So Angular Team took typescript. Now, this is a much better framework and it is easier & very clear to understand to work with.  After a few minor upgrades in Angular 2 such as 2.1, 2.2, and 2.3, a sudden update came into existence i.e Angular 4.Again all developers got confused 😞 including me. Then what happened to Angular 3 😨. We thought we missed out something really big here. But unlike Angular 2,  Angular 4 was not a new framework with a lot of brake changes. In fact, it wasn't even a major upgrade but a minor change in a few different libraries that are distributed as separate node packages.

        Example :
        Angular Libraries released like
   
            Angular/core            --> 2.3.0
            Angular/compiler     --> 2.3.0
            Angular/http             --> 2.3.0
            Angular/router          --> 3.3.0
       
               All these libraries released version are the same except the router library. So in order to align this version and avoid confusion in the future, Angular Team decided to go straight to Angular version 4 😊
       
            So, it is not a major upgrade to Angular 2 and you can think of it as Angular 2.4. To avoid all the confusion in the community about the updates, the team decided to drop the version suffix and simply call the framework Angular. There are no terms such as Angular 4 developer and Angular 2 developer, we simply call Angular Developer 😊. So now we have two kinds:  Angular and Angularjs where the first generation of AngularJS is written in JavaScript and it's going to die sooner or later 😞😢
Labels:

Comments

  1. SenthilMarch 28, 2019 at 12:19 AM

    This comment has been removed by a blog administrator.

    ReplyDelete

Post a Comment

Thank you :)

Popular posts from this blog

Laravel Commands

By
Laravale commands #Check route list php artisan route:list #Check upload files links php artisan storage:link #Check database connected or not php artisan db #Make Request file php artisan make:request YourNameRequest #Make Controller #(In this statement you used -r -> resources and -m -> model. It will create CustomersController and Customers Model files) php artisan make:controller CustomersController -r -m Customers #Make Resource file php artisan make:resource CustomersResource #To check migration files status that those files are running or not with below commands php artisan migrate:status #To check if there is any pending migrate files to run #(also this command shows us the mysql query before running migration file) php artisan migrate --pretend #To make a database table (in this example Products name as taken) php artisan make:migration create_products_table #To create a Request file php artisan make:request StoreProductRequest php artisan make:request Up
Post a Comment
Read more

Mysql columns creation in laravel

By
List of columns  $table->id(); // increment value $table->string('title')->comment('this is blog title'); $table->string('slug')->unique(); $table->text('short_desc'); $table->longText('description'); $table->boolean('is_published')->default(false); $table->integer('min_of_read')->nullable(true); $table->enum('status', ['Active', 'Inactive']); $table->float('discount'); $table->smallInteger('type_id'); $table->date('start_date')->nullable(); $table->timestamps(); $table->foreign('created_by')->references('id')->on('users'); // introducing foreign key $table->unsignedBigInteger('user_id'); //? $table->decimal('latitude', 9, 6)->nullable(true); // Let's say you want starting value from 1000 $table->id()->from(1000); // increment value start from 1000 ->nullabl
Post a Comment
Read more

React Advanced JSX

By
 class vs className This lesson will cover more advanced JSX. You’ll learn some powerful tricks and some common errors to avoid. Grammar in JSX is mostly the same as in HTML, but there are subtle differences to watch out for. The most frequent of these involves the word class. In HTML, it’s common to use class as an attribute name: <h1 class = "big" > Title </h1> In JSX, you can’t use the word  class ! You have to use  className  instead: <h1 className = "big" > Title </h1> This is because JSX gets translated into JavaScript, and  class  is a reserved word in JavaScript. When JSX is  rendered , JSX  className  attributes are automatically rendered as  class  attributes. Self-Closing Tags Another common JSX error involves  self-closing tags . What’s a self-closing tag? Most HTML elements use two tags: an  opening tag  ( <div> ), and a  closing tag  ( </div> ). However, some HTML elements such as  <img>  and  <input>  u
Post a Comment
Read more