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

Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
UK Journal
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 

Recently uploaded (20)

Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
Event-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream ProcessingEvent-Driven Architecture Masterclass: Challenges in Stream Processing
Event-Driven Architecture Masterclass: Challenges in Stream Processing
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdfBreaking Down the Flutterwave Scandal What You Need to Know.pdf
Breaking Down the Flutterwave Scandal What You Need to Know.pdf
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 

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.