SlideShare ist ein Scribd-Unternehmen logo
1 von 18
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>
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

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Jsp ppt
Jsp pptJsp ppt
Jsp ppt
 
JavaScript Tutorial
JavaScript  TutorialJavaScript  Tutorial
JavaScript Tutorial
 
C# 101: Intro to Programming with C#
C# 101: Intro to Programming with C#C# 101: Intro to Programming with C#
C# 101: Intro to Programming with C#
 
Common language runtime clr
Common language runtime clrCommon language runtime clr
Common language runtime clr
 
Ajax ppt
Ajax pptAjax ppt
Ajax ppt
 
Javascript tutorial
Javascript tutorialJavascript tutorial
Javascript tutorial
 
Web Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScriptWeb Development with HTML5, CSS3 & JavaScript
Web Development with HTML5, CSS3 & JavaScript
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
 
Asynchronous JavaScript & XML (AJAX)
Asynchronous JavaScript & XML (AJAX)Asynchronous JavaScript & XML (AJAX)
Asynchronous JavaScript & XML (AJAX)
 
Ajax
AjaxAjax
Ajax
 
jQuery - Chapter 3 - Effects
jQuery - Chapter 3 - Effects  jQuery - Chapter 3 - Effects
jQuery - Chapter 3 - Effects
 
Advance Java Topics (J2EE)
Advance Java Topics (J2EE)Advance Java Topics (J2EE)
Advance Java Topics (J2EE)
 
Javascript functions
Javascript functionsJavascript functions
Javascript functions
 
Java script
Java scriptJava script
Java script
 
HTML5 &CSS: Chapter 08
HTML5 &CSS: Chapter 08HTML5 &CSS: Chapter 08
HTML5 &CSS: Chapter 08
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
JS Event Loop
JS Event LoopJS Event Loop
JS Event Loop
 
Javascript
JavascriptJavascript
Javascript
 
javascript objects
javascript objectsjavascript objects
javascript objects
 
Asp net
Asp netAsp net
Asp net
 

Andere mochten auch

Q6. Evaluation.
Q6. Evaluation.Q6. Evaluation.
Q6. Evaluation.
karleab
 
17 HR Weekend: Indirect sales in Human Resources Management
17 HR Weekend: Indirect sales in Human Resources Management17 HR Weekend: Indirect sales in Human Resources Management
17 HR Weekend: Indirect sales in Human Resources Management
JobTiger Ltd.
 
Kimia2
Kimia2Kimia2
Kimia2
amaen
 

Andere mochten auch (18)

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

Ähnlich wie JavaScript: Implementations And Applications

Basics java scripts
Basics java scriptsBasics java scripts
Basics java scripts
ch samaram
 
Java Script - A New Look
Java Script - A New LookJava Script - A New Look
Java Script - A New Look
rumsan
 

Ähnlich wie JavaScript: Implementations And Applications (20)

Basics java scripts
Basics java scriptsBasics java scripts
Basics java scripts
 
Java Script - A New Look
Java Script - A New LookJava Script - A New Look
Java Script - A New Look
 
Web programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh MalothWeb programming UNIT II by Bhavsingh Maloth
Web programming UNIT II by Bhavsingh Maloth
 
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTHWEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
 
Session vii(java scriptbasics)
Session vii(java scriptbasics)Session vii(java scriptbasics)
Session vii(java scriptbasics)
 
HTML & JAVA Script
HTML & JAVA ScriptHTML & JAVA Script
HTML & JAVA Script
 
Javascripts. pptt
Javascripts. ppttJavascripts. pptt
Javascripts. pptt
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPT
 
JS BASICS JAVA SCRIPT SCRIPTING
JS BASICS JAVA SCRIPT SCRIPTINGJS BASICS JAVA SCRIPT SCRIPTING
JS BASICS JAVA SCRIPT SCRIPTING
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 
Java script
Java scriptJava script
Java script
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Java script by Act Academy
Java script by Act AcademyJava script by Act Academy
Java script by Act Academy
 
06 Javascript
06 Javascript06 Javascript
06 Javascript
 
INTRODUCTION TO CLIENT SIDE PROGRAMMING
INTRODUCTION TO CLIENT SIDE PROGRAMMINGINTRODUCTION TO CLIENT SIDE PROGRAMMING
INTRODUCTION TO CLIENT SIDE PROGRAMMING
 
Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)
 
Basic JavaScript Tutorial
Basic JavaScript TutorialBasic JavaScript Tutorial
Basic JavaScript Tutorial
 
Basic Java script handouts for students
Basic Java script handouts for students Basic Java script handouts for students
Basic Java script handouts for students
 
Advanced JavaScript
Advanced JavaScriptAdvanced JavaScript
Advanced JavaScript
 
GWT Training - Session 1/3
GWT Training - Session 1/3GWT Training - Session 1/3
GWT Training - Session 1/3
 

Kürzlich hochgeladen

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Kürzlich hochgeladen (20)

Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 

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>
  • 12.
  • 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