DEV Community

Cover image for Welcome to JS
Vigneshwaran V
Vigneshwaran V

Posted on

Welcome to JS

History of JavaScript

Who Developed JavaScript?

  • JavaScript was created by Brendan Eich in 1995.

  • At that time, he was working at Netscape Communications Corporation, the company that developed the popular web browser Netscape Navigator.

Why Was JavaScript Created?

  • In the early 1990s, websites were mostly static. Pages could display text and images, but they could not react to user actions without sending requests to the server.

Netscape wanted a scripting language that would:

  • Run directly in the browser

  • Be easy for web designers and beginners

  • Add interactivity to web pages
    So Brendan Eich was assigned the task of creating such a language.

How Long Did It Take?

A famous fact about JavaScript is that Brendan Eich developed the first version in about 10 days in May 1995.

  • Although it was created quickly, the language continued to evolve and improve over the years.

The Original Names

  • Mocha (initial name).

  • LiveScript.

  • JavaScript (final name).
    Netscape renamed it to JavaScript because Java, developed by James Gosling at Oracle Java Technology (originally Sun Microsystems), was extremely popular at the time.

  • This was largely a marketing decision.

Is JavaScript Related to Java?

No.
Although their names are similar, they are different languages.

Standardization of JavaScript

  • As JavaScript became popular, different browsers started implementing their own versions, creating compatibility issues.

  • To solve this, Netscape submitted JavaScript to the standards organization Ecma International.

In 1997, the standardized version became:
ECMAScript (ES)

  • ECMAScript is the official specification, while JavaScript is the most popular implementation of that specification.

Major Versions of ECMAScript

ECMAScript 1 (1997)

The first official standard.

ECMAScript 3 (1999)

Added many important features and became widely adopted.

ECMAScript 5 (2009)

Introduced:

  • Strict mode

  • JSON support

  • New array methods

ECMAScript 6 / ES2015 (2015)

One of the biggest updates ever.
Added:

  • let

  • const

  • Arrow functions

  • Classes

  • Modules

  • Template literals

  • Promises

Timeline Summary

  • 1995 → Brendan Eich creates JavaScript at Netscape.

  • 1995 → Named Mocha → LiveScript → JavaScript.

  • 1997 → ECMAScript standard released.

  • 1999 → ECMAScript 3 becomes widely used.

  • 2005 → AJAX revolution.

  • 2008 → Google Chrome launches V8 engine.

  • 2009 → Node.js created.

  • 2015 → ES6 introduces modern JavaScript features.

  • Today → JavaScript powers much of the modern web.

JavaScript

JavaScript (JS) is a lightweight, interpreted programming language primarily used to add interactivity and dynamic behavior to websites. Alongside HTML (structure) and CSS (styling), it forms one of the three core technologies of the World Wide Web. Originally created by Brendan Eich at Netscape in 1995 to work strictly inside web browsers, JavaScript has evolved into a versatile, full-stack language that can run on servers, mobile devices, and more.

  • JavaScript is a versatile, dynamically typed programming language that brings life to web pages by making them interactive. It is used for building interactive web applications and supports both client-side and server-side development.

Core Technical Characteristics

  • Interpreted / JIT Compiled: Code runs line-by-line in the browser. Modern engines use Just-In-Time (JIT) compilation to convert it to machine code instantly for speed.

  • Dynamically Typed: Variable types are figured out at runtime. You do not need to explicitly declare data types like int or string.

  • Single-Threaded Concurrency: It executes one task at a time but avoids freezing interfaces by handling tasks like data loading asynchronously via an event loop.

  • Multi-Paradigm: It supports Object-Oriented, Imperative, and Functional programming styles.

Where JavaScript is Used

  • Client-Side (Browsers): Validating form inputs, creating animations, refreshing feeds without reloading, and updating the page layout through the Document Object Model (DOM).

  • Server-Side (Backend): Building scalable backend APIs and database operations using runtimes like Node.js.

  • Mobile & Desktop Apps: Developing cross-platform mobile apps with React Native and desktop apps via Electron.

  • Game Development: Creating standard browser-based 2D and 3D games using libraries like Phaser.

Features of JavaScript

  • Client-Side Scripting: JavaScript runs on the user's browser, so it has a faster response time without needing to communicate with the server.

  • Versatile: Can be used for a wide range of tasks, from simple calculations to complex server-side applications.

  • Event-Driven: Responds to user actions (clicks, keystrokes) in real-time.

  • Asynchronous: It can handle tasks like fetching data from servers without freezing the user interface.

  • Rich Ecosystem: There are numerous libraries and frameworks built on JavaScript, such as React, Angular, and Vue.js, which make development faster and more efficient.

Client Side and Server Side nature of JavaScript

JavaScript's flexibility extends to both the client-side and server-side, allowing developers to create complete web applications. Here’s how it functions in each environment:

  • Client-Side: Involves controlling the browser and its DOM (Document Object Model). Handles user events like clicks and form inputs. Common libraries include AngularJS, ReactJS, and VueJS.

  • Server-Side: Involves interacting with databases, manipulating files, and generating responses. Node.js and frameworks like Express.js are widely used for server-side JavaScript, enabling full-stack development.

JavaScript Versions

Let’s take a look at the different versions of ECMAScript, their release years, and the key features they introduced

Reference

https://www.geeksforgeeks.org/javascript/introduction-to-javascript/

Top comments (0)