SlideShare a Scribd company logo
Introduction to JavaScriptBy: Satyen Pandya1satu21@gmail.com
Contents2   What is JavaScript ?
   Brief History
   JavaScript Implementations
   ECMAScript
   Document Object Model (DOM)
   Browser Object Model (BOM)satu21@gmail.com
What is JavaScript ?3   JavaScriptis an implementation of the ECMAScript 	language standard.
   It is used to enable programmatic access to 	computational objects within a host environment.
   It can be characterized as a prototype-based object-	oriented scripting language that is dynamic, weakly 	typed.

More Related Content

What's hot (20)

PDF
Javascript basics
shreesenthil
 
PDF
JavaScript - Chapter 14 - Form Handling
WebStackAcademy
 
PPTX
JavaScript
Vidyut Singhania
 
PPT
Javascript
mussawir20
 
PPT
Learn javascript easy steps
prince Loffar
 
PDF
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
Edureka!
 
PDF
JavaScript Programming
Sehwan Noh
 
PDF
JavaScript - Chapter 11 - Events
WebStackAcademy
 
PPT
JavaScript Tutorial
Bui Kiet
 
PPTX
Javascript 101
Shlomi Komemi
 
PPTX
Introduction to JavaScript Basics.
Hassan Ahmed Baig - Web Developer
 
PPTX
A Brief Introduction to React.js
Doug Neiner
 
PPT
A Deeper look into Javascript Basics
Mindfire Solutions
 
PPT
JavaScript & Dom Manipulation
Mohammed Arif
 
PPT
Introduction to Javascript
Amit Tyagi
 
PPT
Java Script ppt
Priya Goyal
 
PPTX
Introduction to ASP.NET
Rajkumarsoy
 
PPTX
Css selectors
Parth Trivedi
 
PDF
JavaScript Basics and Best Practices - CC FE & UX
JWORKS powered by Ordina
 
PDF
Intro to HTML and CSS basics
Eliran Eliassy
 
Javascript basics
shreesenthil
 
JavaScript - Chapter 14 - Form Handling
WebStackAcademy
 
JavaScript
Vidyut Singhania
 
Javascript
mussawir20
 
Learn javascript easy steps
prince Loffar
 
JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programm...
Edureka!
 
JavaScript Programming
Sehwan Noh
 
JavaScript - Chapter 11 - Events
WebStackAcademy
 
JavaScript Tutorial
Bui Kiet
 
Javascript 101
Shlomi Komemi
 
Introduction to JavaScript Basics.
Hassan Ahmed Baig - Web Developer
 
A Brief Introduction to React.js
Doug Neiner
 
A Deeper look into Javascript Basics
Mindfire Solutions
 
JavaScript & Dom Manipulation
Mohammed Arif
 
Introduction to Javascript
Amit Tyagi
 
Java Script ppt
Priya Goyal
 
Introduction to ASP.NET
Rajkumarsoy
 
Css selectors
Parth Trivedi
 
JavaScript Basics and Best Practices - CC FE & UX
JWORKS powered by Ordina
 
Intro to HTML and CSS basics
Eliran Eliassy
 

Viewers also liked (14)

PPTX
Introduction to Javascript
Hong Liu
 
PDF
02 Introduction to Javascript
crgwbr
 
PPTX
Javascript session 01 - Introduction to Javascript
Livingston Samuel
 
PPTX
JavaScript: a very short introduction
Nate Barbettini
 
PDF
Intro to JavaScript
Dan Phiffer
 
PPTX
Introduction to Javascript
foOfys Solutions
 
PDF
SpringPeople Introduction to HTML5 & CSS3
SpringPeople
 
PPTX
Learn Javascript Basics
Khushiar
 
PDF
Different Software Testing Levels for Detecting Errors
Waqas Tariq
 
PDF
Basics of JavaScript
Bala Narayanan
 
PDF
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
PDF
Fundamental JavaScript [UTC, March 2014]
Aaron Gustafson
 
PDF
Introduction to JavaScript
Bryan Basham
 
Introduction to Javascript
Hong Liu
 
02 Introduction to Javascript
crgwbr
 
Javascript session 01 - Introduction to Javascript
Livingston Samuel
 
JavaScript: a very short introduction
Nate Barbettini
 
Intro to JavaScript
Dan Phiffer
 
Introduction to Javascript
foOfys Solutions
 
SpringPeople Introduction to HTML5 & CSS3
SpringPeople
 
Learn Javascript Basics
Khushiar
 
Different Software Testing Levels for Detecting Errors
Waqas Tariq
 
Basics of JavaScript
Bala Narayanan
 
Web Development with HTML5, CSS3 & JavaScript
Edureka!
 
Fundamental JavaScript [UTC, March 2014]
Aaron Gustafson
 
Introduction to JavaScript
Bryan Basham
 
Ad

Similar to Introduction to Javascript By Satyen (20)

PPT
Document Object Model
chomas kandar
 
PPT
Document Object Model
chomas kandar
 
PPT
Unit 2 dhtml
Sarthak Varshney
 
PPTX
Document Object Model
Mayur Mudgal
 
PPTX
WEB TECHNOLOGY Unit-4.pptx
karthiksmart21
 
PPTX
Internet and Web Technology (CLASS-6) [BOM]
Ayes Chinmay
 
PPT
BOM.ppt
ansariparveen06
 
PDF
HTML5 features & JavaScript APIs
Fisnik Doko
 
PPTX
Java Script - A New Look
rumsan
 
PPTX
An overview of JavaScript
Poluru S
 
PPTX
Digital Marketing Company
Payal9675
 
PDF
Javascript The Definitive Guide Fourth Flanagan David
foncklift
 
PPTX
Understanding the dom by Benedict Ayiko
Damalie Wasukira
 
PPT
Reversing JavaScript
Roberto Suggi Liverani
 
ODP
Html5
mikusuraj
 
PDF
orcreatehappyusers
tutorialsruby
 
PDF
orcreatehappyusers
tutorialsruby
 
PDF
In the DOM, no one will hear you scream
Mario Heiderich
 
PDF
Demystifying JavaScript & SEO
Botify
 
PDF
JavaScript - Chapter 13 - Browser Object Model(BOM)
WebStackAcademy
 
Document Object Model
chomas kandar
 
Document Object Model
chomas kandar
 
Unit 2 dhtml
Sarthak Varshney
 
Document Object Model
Mayur Mudgal
 
WEB TECHNOLOGY Unit-4.pptx
karthiksmart21
 
Internet and Web Technology (CLASS-6) [BOM]
Ayes Chinmay
 
HTML5 features & JavaScript APIs
Fisnik Doko
 
Java Script - A New Look
rumsan
 
An overview of JavaScript
Poluru S
 
Digital Marketing Company
Payal9675
 
Javascript The Definitive Guide Fourth Flanagan David
foncklift
 
Understanding the dom by Benedict Ayiko
Damalie Wasukira
 
Reversing JavaScript
Roberto Suggi Liverani
 
Html5
mikusuraj
 
orcreatehappyusers
tutorialsruby
 
orcreatehappyusers
tutorialsruby
 
In the DOM, no one will hear you scream
Mario Heiderich
 
Demystifying JavaScript & SEO
Botify
 
JavaScript - Chapter 13 - Browser Object Model(BOM)
WebStackAcademy
 
Ad

Recently uploaded (20)

PPTX
Seamless Tech Experiences Showcasing Cross-Platform App Design.pptx
presentifyai
 
PPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
Kit-Works Team Study_20250627_한달만에만든사내서비스키링(양다윗).pdf
Wonjun Hwang
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
DOCX
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
DOCX
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
PDF
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
PPTX
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PPTX
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
PDF
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
PPTX
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
PDF
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
PPTX
Digital Circuits, important subject in CS
contactparinay1
 
PDF
“Voice Interfaces on a Budget: Building Real-time Speech Recognition on Low-c...
Edge AI and Vision Alliance
 
PDF
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
PDF
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
PDF
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
Seamless Tech Experiences Showcasing Cross-Platform App Design.pptx
presentifyai
 
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Kit-Works Team Study_20250627_한달만에만든사내서비스키링(양다윗).pdf
Wonjun Hwang
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
Python coding for beginners !! Start now!#
Rajni Bhardwaj Grover
 
Cryptography Quiz: test your knowledge of this important security concept.
Rajni Bhardwaj Grover
 
LOOPS in C Programming Language - Technology
RishabhDwivedi43
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
AI Penetration Testing Essentials: A Cybersecurity Guide for 2025
defencerabbit Team
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
From Sci-Fi to Reality: Exploring AI Evolution
Svetlana Meissner
 
“Computer Vision at Sea: Automated Fish Tracking for Sustainable Fishing,” a ...
Edge AI and Vision Alliance
 
Q2 FY26 Tableau User Group Leader Quarterly Call
lward7
 
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
Digital Circuits, important subject in CS
contactparinay1
 
“Voice Interfaces on a Budget: Building Real-time Speech Recognition on Low-c...
Edge AI and Vision Alliance
 
The 2025 InfraRed Report - Redpoint Ventures
Razin Mustafiz
 
What’s my job again? Slides from Mark Simos talk at 2025 Tampa BSides
Mark Simos
 
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 

Introduction to Javascript By Satyen

  • 2. Contents2 What is JavaScript ?
  • 3. Brief History
  • 4. JavaScript Implementations
  • 5. ECMAScript
  • 6. Document Object Model (DOM)
  • 7. Browser Object Model (BOM)[email protected]
  • 8. What is JavaScript ?3 JavaScriptis an implementation of the ECMAScript language standard.
  • 9. It is used to enable programmatic access to computational objects within a host environment.
  • 10. It can be characterized as a prototype-based object- oriented scripting language that is dynamic, weakly typed.
  • 11. It is a client-side scripting [email protected]
  • 12. Brief History4 JavaScript was developed by Brendan Eich of Netscape
  • 13. It was initially called LiveScript, then renamed to JavaScript In 1995 Netscape Navigator 2.0 was released with JavaScript 1.0 In 1996 Netscape Navigator 3.0 was released withJavaScript 1.1 Recent release JavaScript 1.8.5 in July, [email protected]
  • 14. JavaScript Implementations5 JavaScript implementation is made up of three distinctpart :The Core (ECMAScript)The Document Object Model (DOM)The Browser Object Model (BOM)[email protected]
  • 15. ECMAScript6 It can provide core scripting capabilities for a variety ofhost environments, and therefore the core scriptinglanguage is specified, apart from any particular hostenvironment. ECMAScript is simply a description, defining all the properties,methods, and objects of a scripting language. ECMAScript describes following :[email protected]
  • 16. DOM7 Document Object Model (DOM) is applicationprogramming interface (API) for HTML as well as XML The DOM maps out an entire page as a documentcomposed of a hierarchy of nodes Each an HTML or XML page is derivative of a [email protected]
  • 17. DOM (Contd…)8 DOM Level :
  • 18. Level 1 - Map out the structure of document
  • 19. Level 2 - Added support for mouse and user interface events, ranges, traversals, and support for CSS through object interface.DOM Views - Interfaces to keep track of the various views of document DOM Events - Interfaces for events
  • 20. DOM Style - Interfaces to deal with CSS-based styles
  • 21. DOM Traversal and Range - Interfaces to traverse and Manipulate document treeLevel 3 - Added support of methods to load and save documents, methods to validate a document, extended support to XML [email protected]
  • 22. BOM9Browser Object Model (BOM) allows access and manipulationof the browser window BOM includes :
  • 23. Capability to…
  • 24. Pop up new browser window
  • 25. To move, resize, and close browser window
  • 26. Navigator object, which provides detailed information about the web browser Location object, information about the page loaded in browser Screen object, information about user’s screen resolution Support [email protected]