SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Mais procurados (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
 

Destaque (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
 

Semelhante a 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
 

Semelhante a 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
 

Último

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
 
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
 

Último (20)

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
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
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
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
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
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
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
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
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
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 

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.