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 form validations

By
 Laravel Validations: List of types "first_name" => 'required|alpha:ascii|min:3|max:100',// alpha:ascii (only accepts a-z) "middle_name" => 'string', "last_name" => 'required|string', "email" => 'required|email|unique:users,email', "password" => 'required|string|confirmed', "sex" => 'required|string', "phone_no" => 'required|string', "account_type" => 'required|string', "dob" => 'required|date_format:d-m-Y', // date with format "nationality" => 'required|string', "company" => 'required|string', "company_sector" => 'required|string', "company_address" => 'required|string' "bank_account_no" => 'required|min_digits:3|max_digits:5', "role" => 'required|in:admin,editor,viewer', ...
Post a Comment
Read more

React Js Commands

By
React JS Commands and Useful purposes  To Install react app: npx create-react-app app-name To Install react app: npx create-react-app . To check npm version: npm --version Inside that directory, you can run several commands:   npm start     Starts the development server.   npm run build     Bundles the app into static files for production.   npm test     Starts the test runner.   npm run eject     Removes this tool and copies build dependencies, configuration files     and scripts into the app directory. If you do this, you can’t go back! node -v (To check node version) The latest recommended command to create a new React app is: npx create-react-app@latest my-app Replace my-app with your desired project name. This approach uses the latest version of Create React App and works if Node.js (version 14+) and npm (version 5.2+) are installed Modern Alternatives If you prefer a faster, lighter setup, many developers n...
Post a Comment
Read more

Advanced Objects Introduction in JS

By
  Advanced Objects Introduction Remember, objects in JavaScript are containers that store data and functionality. In this lesson, we will build upon the fundamentals of creating objects and explore some advanced concepts. So if there are no objections, let’s learn more about objects! In this lesson we will cover these topics: how to use the this keyword. conveying privacy in JavaScript methods. defining getters and setters in objects. creating factory functions. using destructuring techniques. The this Keyword Objects are collections of related data and functionality. We store that functionality in methods on our objects: const goat = {    dietType : 'herbivore' ,    makeSound () {      console . log ( 'baaa' );   } }; In our  goat  object we have a  .makeSound()  method. We can invoke the  .makeSound()  method on  goat . goat . makeSound (); // Prints baaa Nice, we have a  goat  ob...
Post a Comment
Read more