SlideShare a Scribd company logo
1 of 15
By Priyanka Zope
JavaScript is a programming language
designed for Web pages.
JavaScript is mainly client-side language and
runs in clients software.
 Javascript was created by Brendan
Eich and was first introduced in December
1995.
Put text in an HTML page on-the-fly.
Make your web pages responsive.
Create cookies.
Validate web form data.
Detect visitors' browsers.
 JavaScripts can reside in a separate page.
JavaScript can be embedded in HTML
documents -- in the <head>, in the <body>, or in
both.
 JavaScript object attributes can be placed in
HTML element tags.
e.g., <body onLoad="alert('WELCOME')">
Linking can be advantageous if many pages use
the same script.
Use the source element to link to the script file.
<script type="text/javascript"
src="yourjavascript.js"></script>
When specifying a script only the tags <script>
and </script> are essential, but complete
specification is recommended:
<script type="text/javascript">
</script>
JavaScript programming uses specialized
terminology.
Understanding JavaScript terms is fundamental
to understanding the script.
Objects, Properties, Events, Functions, Variabl
es, Operators.
Objects refers to
windows, documents, images, tables, forms, buttons
or links, etc.
Objects should be named.
Objects have properties that act as modifiers.
Properties are object attributes.
Object properties are defined by using the object's
name, a period, and the property name.
e.g., background color is expressed by:
document.bgcolor .
document is the object.
bgcolor is the property.
onabort=Occurs when the user cancels loading of
an image.
onblur=Occurs when input focus is removed from a
form element (when the user clicks outside a field) or
focus is removed from a window.
onclick=Occurs when the user clicks on a link or
form element.
onchange=Occurs when the value of a form field is
changed by the user.
onerror=Occurs when an error happens during
loading of a document or image.
onfocus=Occurs when input focus is given to a form
element or a window.
onload=Occurs when a page is loaded into Navigator.
onmouseout=Occurs when the user moves the pointer
off of a link or clickable area of an image map.
onmouseover=Occurs when the user moves the
pointer over a hypertext.
onsubmit=Occurs when a form is submitted (i.e., when
the user clicks on a submit button).
onunload=Occurs when the user leaves a page
Functions are named statements that performs
tasks.
e.g., function doWhatever () {statement here}
The curly braces contain the statements of the
function.
JavaScript has built-in functions, and you can
write your own.
Variables contain values and use the equal sign
to specify their value.
Variables are created by declaration using the var
command with or without an initial value state.
e.g. var month;
e.g. var month = April;
Operators are used to handle variables.
Types of operators with examples:
 Arithmetic operators, such as plus.
Comparisons operators, such as equals.
Logical operators, such as and.
Assignment and String operators.
Thank you

More Related Content

What's hot

What's hot (20)

Angular js PPT
Angular js PPTAngular js PPT
Angular js PPT
 
jQuery basics
jQuery basicsjQuery basics
jQuery basics
 
Introduction to AngularJS
Introduction to AngularJSIntroduction to AngularJS
Introduction to AngularJS
 
Jquery
Jquery Jquery
Jquery
 
AngularJS
AngularJSAngularJS
AngularJS
 
AngularJS: an introduction
AngularJS: an introductionAngularJS: an introduction
AngularJS: an introduction
 
Introduction of angular js
Introduction of angular jsIntroduction of angular js
Introduction of angular js
 
Html Server Anchor Control CS
Html Server Anchor Control CSHtml Server Anchor Control CS
Html Server Anchor Control CS
 
Html web workers
Html web workersHtml web workers
Html web workers
 
Angular js 1.3 presentation for fed nov 2014
Angular js 1.3 presentation for fed   nov 2014Angular js 1.3 presentation for fed   nov 2014
Angular js 1.3 presentation for fed nov 2014
 
Javascipt
JavasciptJavascipt
Javascipt
 
Web workers | JavaScript | HTML API
Web workers | JavaScript | HTML APIWeb workers | JavaScript | HTML API
Web workers | JavaScript | HTML API
 
Intro to angular
Intro to angularIntro to angular
Intro to angular
 
AngularJS intro
AngularJS introAngularJS intro
AngularJS intro
 
Starting with angular js
Starting with angular js Starting with angular js
Starting with angular js
 
Angular Js Get Started - Complete Course
Angular Js Get Started - Complete CourseAngular Js Get Started - Complete Course
Angular Js Get Started - Complete Course
 
jQuery - Chapter 1 - Introduction
 jQuery - Chapter 1 - Introduction jQuery - Chapter 1 - Introduction
jQuery - Chapter 1 - Introduction
 
AngularJS
AngularJSAngularJS
AngularJS
 
AngularJs (1.x) Presentation
AngularJs (1.x) PresentationAngularJs (1.x) Presentation
AngularJs (1.x) Presentation
 
jQuery
jQueryjQuery
jQuery
 

Viewers also liked (8)

Height of parabolic flight
Height of parabolic flightHeight of parabolic flight
Height of parabolic flight
 
Principios de etica
Principios de eticaPrincipios de etica
Principios de etica
 
Apponix e brochure
Apponix e brochureApponix e brochure
Apponix e brochure
 
Shift Toward Dynamic Cyber Resilience
Shift Toward Dynamic Cyber ResilienceShift Toward Dynamic Cyber Resilience
Shift Toward Dynamic Cyber Resilience
 
Access modifiers in java
Access modifiers in javaAccess modifiers in java
Access modifiers in java
 
Exception handling in java
Exception handling in javaException handling in java
Exception handling in java
 
Mt sac exp new
Mt sac exp newMt sac exp new
Mt sac exp new
 
Exception handling in java
Exception handling in java Exception handling in java
Exception handling in java
 

Similar to Presentation

Client side scripting using Javascript
Client side scripting using JavascriptClient side scripting using Javascript
Client side scripting using Javascript
Bansari Shah
 
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
 

Similar to Presentation (20)

JavaScript & Dom Manipulation
JavaScript & Dom ManipulationJavaScript & Dom Manipulation
JavaScript & Dom Manipulation
 
JavaScript with Syntax & Implementation
JavaScript with Syntax & ImplementationJavaScript with Syntax & Implementation
JavaScript with Syntax & Implementation
 
Basic Java script handouts for students
Basic Java script handouts for students Basic Java script handouts for students
Basic Java script handouts for students
 
Client side scripting using Javascript
Client side scripting using JavascriptClient side scripting using Javascript
Client side scripting using Javascript
 
JS basics
JS basicsJS basics
JS basics
 
JavaScript
JavaScriptJavaScript
JavaScript
 
JavaScript
JavaScriptJavaScript
JavaScript
 
Javascript
JavascriptJavascript
Javascript
 
Basics java scripts
Basics java scriptsBasics java scripts
Basics java scripts
 
Java script
Java scriptJava script
Java script
 
Lab #2: Introduction to Javascript
Lab #2: Introduction to JavascriptLab #2: Introduction to Javascript
Lab #2: Introduction to Javascript
 
Web Development Introduction to jQuery
Web Development Introduction to jQueryWeb Development Introduction to jQuery
Web Development Introduction to jQuery
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
 
Java script Basic
Java script BasicJava script Basic
Java script Basic
 
My 70-480 HTML5 certification learning
My 70-480 HTML5 certification learningMy 70-480 HTML5 certification learning
My 70-480 HTML5 certification learning
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPT
 
J query
J queryJ query
J query
 
Scripting languages
Scripting languagesScripting languages
Scripting languages
 
Java Script - A New Look
Java Script - A New LookJava Script - A New Look
Java Script - A New Look
 
jQuery
jQueryjQuery
jQuery
 

Recently uploaded

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
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
 

Recently uploaded (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...
 
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
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
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
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
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
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
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
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
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 ...
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
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
 
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​
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 

Presentation

  • 2. JavaScript is a programming language designed for Web pages. JavaScript is mainly client-side language and runs in clients software.  Javascript was created by Brendan Eich and was first introduced in December 1995.
  • 3. Put text in an HTML page on-the-fly. Make your web pages responsive. Create cookies. Validate web form data. Detect visitors' browsers.
  • 4.  JavaScripts can reside in a separate page. JavaScript can be embedded in HTML documents -- in the <head>, in the <body>, or in both.  JavaScript object attributes can be placed in HTML element tags. e.g., <body onLoad="alert('WELCOME')">
  • 5. Linking can be advantageous if many pages use the same script. Use the source element to link to the script file. <script type="text/javascript" src="yourjavascript.js"></script>
  • 6. When specifying a script only the tags <script> and </script> are essential, but complete specification is recommended: <script type="text/javascript"> </script>
  • 7. JavaScript programming uses specialized terminology. Understanding JavaScript terms is fundamental to understanding the script. Objects, Properties, Events, Functions, Variabl es, Operators.
  • 8. Objects refers to windows, documents, images, tables, forms, buttons or links, etc. Objects should be named. Objects have properties that act as modifiers.
  • 9. Properties are object attributes. Object properties are defined by using the object's name, a period, and the property name. e.g., background color is expressed by: document.bgcolor . document is the object. bgcolor is the property.
  • 10. onabort=Occurs when the user cancels loading of an image. onblur=Occurs when input focus is removed from a form element (when the user clicks outside a field) or focus is removed from a window. onclick=Occurs when the user clicks on a link or form element. onchange=Occurs when the value of a form field is changed by the user. onerror=Occurs when an error happens during loading of a document or image. onfocus=Occurs when input focus is given to a form element or a window.
  • 11. onload=Occurs when a page is loaded into Navigator. onmouseout=Occurs when the user moves the pointer off of a link or clickable area of an image map. onmouseover=Occurs when the user moves the pointer over a hypertext. onsubmit=Occurs when a form is submitted (i.e., when the user clicks on a submit button). onunload=Occurs when the user leaves a page
  • 12. Functions are named statements that performs tasks. e.g., function doWhatever () {statement here} The curly braces contain the statements of the function. JavaScript has built-in functions, and you can write your own.
  • 13. Variables contain values and use the equal sign to specify their value. Variables are created by declaration using the var command with or without an initial value state. e.g. var month; e.g. var month = April;
  • 14. Operators are used to handle variables. Types of operators with examples:  Arithmetic operators, such as plus. Comparisons operators, such as equals. Logical operators, such as and. Assignment and String operators.