Presentation - JavaScript
Presentation - JavaScript
Gaurank Mourya
B.Tech (IT)
2200140130023
History of JavaScript
JavaScript has a fascinating history that dates back to the mid-1990s.
In 1995, Brendan Eich, a programmer at Netscape, created JavaScript in just 10 days.
JavaScript initially called "Mocha," it was meant to add interactivity to websites.
In 1996, JavaScript goes live and debuted in Netscape Navigator 2.0.
JavaScript allowed developers to create dynamic web pages.
In 1997, JavaScript became an ECMA standard (ECMAScript).
This ensured cross-browser compatibility.
In Early 2000s, JavaScript adoption grew slowly due to browser wars and security concerns.
In 2005 Ajax Revolution, Ajax(Asynchronous JavaScript and XML) transformed web development.
Dynamic updates on page without page reloads became possible.
In 2006, jQuery, a popular library, made JavaScript easier to use.
In 2009, Node.js allowed JavaScript to run on servers, not just only on browsers.
In 2010, React, Angular, and Vue.js transformed front-end development.
Today JavaScript is used by most websites and mobile apps and JavaScript is a fundamental language for web
development.
Introduction of JavaScript
JavaScript is a versatile, high level programming language that is primarily used to create interactive websites and
dynamic web pages.
It was originally developed in the mid of 1990s by Brendan Eich at Netscape and has since become the core
technology of Web development.
JavaScript is a powerful language that forms the backbone of web development.
Mastering its concepts allows you to create interactive and dynamic web applications.
4. Objects
JavaScript uses objects to store keyed collections of various data and more complex entities:
const person = {
name: "Alice",
age: 30,
greet: function() {console.log("Hello!");} };
5. Arrays
Arrays are generally described as "list-like objects"; they are basically single objects that
contain multiple values stored in a list:
const colors = ["red", "green", "blue"];
console.log(colors[0]);
Core Concepts of JavaScript
6. DOM Manipulation
JavaScript can interact with HTML and CSS through the Document Object Model (DOM). This allows you to
dynamically change content and styles.
document.getElementById("myElement").innerHTML = "New Content";
7. Event Handling
JavaScript can respond to user events such as clicks, key presses, and mouse movements.
Events in JavaScript are:
• Mouse Events (click, dblclick, mouseover, mouseup etc.)
• Keyboard Events (keydown, keyup, keypress)
• Form Events (submit, change, focus, blur)
• Windows Events (load, resize, scroll)
Core Concepts of JavaScript
8. Asynchronous Programming