SlideShare a Scribd company logo
JAVASCRIPT:
IMPLEMENTATIONS AND
APPLICATIONS
What is JavaScript?
 JavaScript is a front-end scripting language
developed by Netscape for dynamic content.
 It is a programming language that makes a
website interactive
 It is lightweight and can be used as an
Object Oriented Language
How Was JavaScript Created?
 It was first created by Brendan Eich at
Netscape in 1995
 It was named Mocha during development
and released in beta as LiveScript
 Ultimately named JavaScript to piggyback on
the popularity of Java for marketing reasons
JavaScript VS Java
JavaScript Java
Interpreted (not compiled) by client. Compiled byte codes downloaded from server,
executed on client.
Object-oriented. No distinction between types
of objects. Inheritance is through the prototype
mechanism, and properties and methods can be
added to any object dynamically.
Class-based. Objects are divided into classes
and instances with all inheritance through the
class hierarchy. Classes and instances cannot
have properties or methods added dynamically.
Code integrated with, and embedded in,
HTML.
Applets distinct from HTML (accessed from
HTML pages
Variable data types not declared (dynamic
typing).
Variable data types must be declared (static
typing).
Cannot automatically write to hard disk. Cannot automatically write to hard disk
When is JavaScript Executed?
 JavaScript code is Executed during the page
loading or when the browser fires an event
 All statements are executed at page loading
 Some statements define functions that can
be called later
Why JavaScript is Widely Used?
 JavaScript is the only client-side scripting
language
 It runs in a browser so you don’t need to
download any software to use it
 A web page can be used without a
JavaScript but using JavaScript improves a
visitor’s experience
Some Advantages Of JavaScript
JavaScript allows interactivity such as:
 Implementing form validation
 Content loading and changing dynamically
 Implementing AJAX functionality
Some Advantages of JavaScript
 Can read and write HTML element and
modify the DOM structure
 Can handle exceptions
Using The JavaScript Code
 The JavaScript code can be placed in the
<script> tag in the head
<script> tag in the body
 There are two types of files used with the
JavaScript language:
1) Including it’s code in any other file for
example an HTML file or in any other script
or non script-based file
2) The file in this case would have the
extension appropriate to the type of file for
example .htm or .html for an HTML file.
3) Another way is to create a file that uniquely
contains JavaScript code with .js extension
Writing the First JavaScript
<html>
<body>
<head>
<script type="text/javascript">
document.write('Hello JavaScript!');
</script>
</head>
</body>
</html>
JavaScript: Implementations And Applications
THE DOCUMENT OBJECT MODEL(DOM)
 The way that document content is accessed
and modified is called the Document Object
Model, or DOM. The Objects are organized
in a hierarchy. This hierarchical structure
applies to the organization of objects in a
Web document.
 Window object: Top of the hierarchy. It is
the outmost element of the object hierarchy.
 Document object: Each HTML document
that gets loaded into a window becomes a
document object. The document contains the
content of the page.
 Form object: Everything enclosed in the
<form>...</form> tags sets the form object.
 Form control elements: The form object
contains all the elements defined for that
object such as text fields, buttons, radio
buttons, and checkboxes.
Implementation Of JavaScript
 Rhino is an open-source implementation of
JavaScript written entirely in java.
 It is typically embedded into java applications
to provide scripting to end users.
Conclusion
 JavaScript is a programming language that is
widely used and will become more popular in
the future with the advancement of
technology.
 It is also used an Object Oriented Language
Sources
-> W3Schools.com-some tutorials on the
basics of JavaScript
-> SlideShare.net- implementing ideas
-> tutorialpoint.com
-> quora.com

More Related Content

PPTX
Presentation on "An Introduction to ReactJS"
PPTX
Javascript
PDF
JavaScript guide 2020 Learn JavaScript
PPT
Html presentation
PPT
JavaScript - An Introduction
PDF
What is JavaScript? Edureka
PPT
Introduction to Javascript
PDF
Web Development with HTML5, CSS3 & JavaScript
Presentation on "An Introduction to ReactJS"
Javascript
JavaScript guide 2020 Learn JavaScript
Html presentation
JavaScript - An Introduction
What is JavaScript? Edureka
Introduction to Javascript
Web Development with HTML5, CSS3 & JavaScript

What's hot (20)

PPT
Web development | Derin Dolen
PDF
Web Development Presentation
PPTX
Java script
PPT
Introduction to JavaScript (1).ppt
PPTX
Html5 tutorial for beginners
PPTX
ppt of web development for diploma student
PDF
Introduction to HTML and CSS
PPTX
Front-End Web Development
PDF
Basics of JavaScript
PPTX
HTML Fundamentals
PPT
Introduction to CSS
PPTX
Basic Html Knowledge for students
PDF
Javascript basics
PPTX
Html & CSS
PPTX
ASP.NET Web API
PDF
jQuery for beginners
PPTX
Introduction to Web Development
PPTX
Html5 semantics
Web development | Derin Dolen
Web Development Presentation
Java script
Introduction to JavaScript (1).ppt
Html5 tutorial for beginners
ppt of web development for diploma student
Introduction to HTML and CSS
Front-End Web Development
Basics of JavaScript
HTML Fundamentals
Introduction to CSS
Basic Html Knowledge for students
Javascript basics
Html & CSS
ASP.NET Web API
jQuery for beginners
Introduction to Web Development
Html5 semantics
Ad

Viewers also liked (18)

PPTX
EXPOSICIÓN DE MOTIVOS."MRV"
PPTX
Q6. Evaluation.
PPTX
17 HR Weekend: Indirect sales in Human Resources Management
PDF
BetaCodexC1 - Case Study "Paradigma" on Transformation
PPTX
Проект программного бюджета на 2016–2017 гг.─ позиция Европейского региона
DOCX
Sale manager performance appraisal
DOCX
Kimia2
PPT
Семінар з фізики
PPSX
Blog Theme
PPS
Models of Instructional Design
PPTX
Early history of jefferson county, iowa 08 10
PPTX
Evaluation 1
PPS
Swine Flu Info
PPT
Unesco
PPTX
ACRL 2015 Scholarship Breakfast
PPT
用 增額終身壽險作 退休規劃
EXPOSICIÓN DE MOTIVOS."MRV"
Q6. Evaluation.
17 HR Weekend: Indirect sales in Human Resources Management
BetaCodexC1 - Case Study "Paradigma" on Transformation
Проект программного бюджета на 2016–2017 гг.─ позиция Европейского региона
Sale manager performance appraisal
Kimia2
Семінар з фізики
Blog Theme
Models of Instructional Design
Early history of jefferson county, iowa 08 10
Evaluation 1
Swine Flu Info
Unesco
ACRL 2015 Scholarship Breakfast
用 增額終身壽險作 退休規劃
Ad

Similar to JavaScript: Implementations And Applications (20)

DOC
Basics java scripts
PDF
CS8651- Unit 2 - JS.internet programming paper anna university -2017 regulation
PPTX
Java script Basic
PPTX
Java script introduction
PPTX
Introduction to JavaScript
PPT
JAVA SCRIPT
DOC
Java script by Act Academy
PDF
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
PDF
Web programming UNIT II by Bhavsingh Maloth
PDF
JS BASICS JAVA SCRIPT SCRIPTING
PPTX
Client side scripting using Javascript
PPTX
JavaScript_III.pptx
PPTX
Introduction to Java script for web .pptx
PPTX
Java script Session No 1
PPT
Java script202
PDF
8.-Javascript-report powerpoint presentation
PPTX
Java Script - A New Look
PPTX
Javascript 01 (js)
PDF
javascriptPresentation.pdf
PPTX
Lecture 5 javascript
Basics java scripts
CS8651- Unit 2 - JS.internet programming paper anna university -2017 regulation
Java script Basic
Java script introduction
Introduction to JavaScript
JAVA SCRIPT
Java script by Act Academy
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
Web programming UNIT II by Bhavsingh Maloth
JS BASICS JAVA SCRIPT SCRIPTING
Client side scripting using Javascript
JavaScript_III.pptx
Introduction to Java script for web .pptx
Java script Session No 1
Java script202
8.-Javascript-report powerpoint presentation
Java Script - A New Look
Javascript 01 (js)
javascriptPresentation.pdf
Lecture 5 javascript

Recently uploaded (20)

PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Spectroscopy.pptx food analysis technology
PPT
Teaching material agriculture food technology
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Approach and Philosophy of On baking technology
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
cuic standard and advanced reporting.pdf
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Encapsulation theory and applications.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
Mobile App Security Testing_ A Comprehensive Guide.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
MIND Revenue Release Quarter 2 2025 Press Release
MYSQL Presentation for SQL database connectivity
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Empathic Computing: Creating Shared Understanding
Spectroscopy.pptx food analysis technology
Teaching material agriculture food technology
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Approach and Philosophy of On baking technology
Unlocking AI with Model Context Protocol (MCP)
Advanced methodologies resolving dimensionality complications for autism neur...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Understanding_Digital_Forensics_Presentation.pptx
Per capita expenditure prediction using model stacking based on satellite ima...
cuic standard and advanced reporting.pdf
Big Data Technologies - Introduction.pptx
Programs and apps: productivity, graphics, security and other tools
Encapsulation theory and applications.pdf

JavaScript: Implementations And Applications

  • 2. What is JavaScript?  JavaScript is a front-end scripting language developed by Netscape for dynamic content.  It is a programming language that makes a website interactive  It is lightweight and can be used as an Object Oriented Language
  • 3. How Was JavaScript Created?  It was first created by Brendan Eich at Netscape in 1995  It was named Mocha during development and released in beta as LiveScript  Ultimately named JavaScript to piggyback on the popularity of Java for marketing reasons
  • 4. JavaScript VS Java JavaScript Java Interpreted (not compiled) by client. Compiled byte codes downloaded from server, executed on client. Object-oriented. No distinction between types of objects. Inheritance is through the prototype mechanism, and properties and methods can be added to any object dynamically. Class-based. Objects are divided into classes and instances with all inheritance through the class hierarchy. Classes and instances cannot have properties or methods added dynamically. Code integrated with, and embedded in, HTML. Applets distinct from HTML (accessed from HTML pages Variable data types not declared (dynamic typing). Variable data types must be declared (static typing). Cannot automatically write to hard disk. Cannot automatically write to hard disk
  • 5. When is JavaScript Executed?  JavaScript code is Executed during the page loading or when the browser fires an event  All statements are executed at page loading  Some statements define functions that can be called later
  • 6. Why JavaScript is Widely Used?  JavaScript is the only client-side scripting language  It runs in a browser so you don’t need to download any software to use it  A web page can be used without a JavaScript but using JavaScript improves a visitor’s experience
  • 7. Some Advantages Of JavaScript JavaScript allows interactivity such as:  Implementing form validation  Content loading and changing dynamically  Implementing AJAX functionality
  • 8. Some Advantages of JavaScript  Can read and write HTML element and modify the DOM structure  Can handle exceptions
  • 9. Using The JavaScript Code  The JavaScript code can be placed in the <script> tag in the head <script> tag in the body  There are two types of files used with the JavaScript language:
  • 10. 1) Including it’s code in any other file for example an HTML file or in any other script or non script-based file 2) The file in this case would have the extension appropriate to the type of file for example .htm or .html for an HTML file. 3) Another way is to create a file that uniquely contains JavaScript code with .js extension
  • 11. Writing the First JavaScript <html> <body> <head> <script type="text/javascript"> document.write('Hello JavaScript!'); </script> </head> </body> </html>
  • 13. THE DOCUMENT OBJECT MODEL(DOM)
  • 14.  The way that document content is accessed and modified is called the Document Object Model, or DOM. The Objects are organized in a hierarchy. This hierarchical structure applies to the organization of objects in a Web document.  Window object: Top of the hierarchy. It is the outmost element of the object hierarchy.
  • 15.  Document object: Each HTML document that gets loaded into a window becomes a document object. The document contains the content of the page.  Form object: Everything enclosed in the <form>...</form> tags sets the form object.  Form control elements: The form object contains all the elements defined for that object such as text fields, buttons, radio buttons, and checkboxes.
  • 16. Implementation Of JavaScript  Rhino is an open-source implementation of JavaScript written entirely in java.  It is typically embedded into java applications to provide scripting to end users.
  • 17. Conclusion  JavaScript is a programming language that is widely used and will become more popular in the future with the advancement of technology.  It is also used an Object Oriented Language
  • 18. Sources -> W3Schools.com-some tutorials on the basics of JavaScript -> SlideShare.net- implementing ideas -> tutorialpoint.com -> quora.com