الرجوع

Stages of JavaScript frameworks development from jQuery to Reactjs?

React

Stages of JavaScript frameworks development from jQuery to Reactjs?

Branden Eich may not have imagined that the programming language he succeeded in designing in a few days since 1995, would one day be the most important and widely used programming language around the world.

Initially JavaScript was only intended as an attempt to add some interactive effects to Netscape, Brendan Eich had no idea that Netscape's lifespan would be too short, shorter than JavaScript itself.

Netscape was established by AOL in 1999, and shortly thereafter the company ended that browser in 2003, the year immediately following the real birth of JavaScript.

DHTML Era

In its early years of this current millennium, the purpose of using JavaScript was only to add a few simple interactive and visual effects through web pages.

For example, when you press a certain button, some popup appears, some elements designs are changed, the content also may change at a certain event, and many others from those which use only Css3 to achieve nowadays.

In these times these were known as the Dynamic HTML or DHTML period.

Age of Ajax and Birth of JavaScript

In 2004, Google launched its service, which included Gmail, which became popular in a short time and became known to both large and small today.

Gmail is the first web application to use JavaScript through the XMLHttpRequest interface to perform asynchronous operations with the server, making Gmail a concrete example of what can be accomplished on the browser using the amazing capabilities of JavaScript.

Despite the competition between Hotmail and Yahoo Mail, users had to wait for the page to reload every time the server was reconnected!

In 2005, Google launched another important application, which is no less important than the Gmail application, the Google Maps application.

Stages of Ajax and JavaScript

Google worked on developing this huge project and using the same technologies as the Gmail application, and thus Google became the first company that was able to design an interface using JavaScript.

Through the JavaScript API, developers were able to add Google Maps to their websites.

This resounding success of Google made developers and major companies follow Google, and this period witnessed a qualitative leap represented in the emergence of the "Web 2.0" era, as well as the spread of Ajax technology (or Asynchronous JavaScript and XML) that was credited with changing the face of this industry forever.

The AJAX technology, which is built on the XMLHttpRequest object, can perform queries to the server and receive responses without having to reload the page again.

This is done without synchronization with Java, which means that JavaScript can perform other functions until the server response comes in.

This technology opened the eyes of developers, as we said before, and shed light on the opportunities that have become available in this field. After that, a number of libraries appeared that aimed to provide a suitable environment for web developers to develop various applications and provide advanced and modern web solutions.

The most famous of these libraries were Mootools, Prototype and Dojo, and jQuery is the most famous and most influential of all.

The appearance of jQuery

JQuery Library appeared in 2006, and it has managed to become the most famous thanks to its many features.

Web developers suffered from noticeably slow Javascript codes that did not work automatically in all browsers, and Internet Explorer browsers suffered greatly because they were isolated and had their own DOM API.

The most important achievements of JQuery is to provide JavaScript interfaces that were able to be compatible with all browsers, and made it easier for developers, as there was no longer the need to write two codes for the same purpose, one for Internet Explorer and the other for Firefox, for example.

var button = document.getElementById('btn');

 

if (button.addEventListener) {

  // all browsers except Internet Explorer before version 9

 

  button.addEventListener(

    'click',

    function() {

      // Do Something

    },

    false

  );

} else {

  if (button.attachEvent) {

    // Internet Explorer before version 9

 

    button.attachEvent('onclick', function() {

      // Do Something

    });

  }

}

 

But with the advent of JQuery, the issue has become simpler and easier for developers:

$('#btn').click(function() {  // Works in all browsers ;)  // Do Something});