SlideShare a Scribd company logo
y
JAVASCRIPT
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
INTRODUCTION TO JAVASCRIPTINTRODUCTION TO JAVASCRIPT
Introduction:
JS is client side scripting language implemented by
Brendan Netscape corporation in 1995 as LiveScript.
It increase the performance of application and to
decrease network traffic. JavaScript is the most
popular scripting language on the internet, and works
in all major browsers, such as Internet Explorer,
Firefox, Chrome, Opera, and Safari.
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
•JavaScript was designed to add interactivity to HTML pages
•JavaScript was originally developed in Netscape, by Brendan Eich
•JavaScript is a scripting language
•A scripting language is a lightweight programming language
•JavaScript is usually embedded directly into HTML pages
•Every Statement is JS we should end with a semi colon ;
•JavaScript is an interpreted language (means that scripts execute
without preliminary compilation)
•Everyone can use JavaScript without purchasing a license
• JavaScript is loosely typed language, no need to provide data
types at the time of variable declaration.
• User can see the JavaScript logic by clicking on view source
option.
What is JavaScript?
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
NO!
JAVA and JavaScript are two completely different languages
in both concept and design!
Java (developed by Sun Microsystems) is a powerful and
much more complex programming language - in the same
category as C and C++.
Are Java and JavaScript the same?
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
HOW JAVASCRIPT WORKS
HTML Viewer Executing Scripts
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
Java Script Structure
<html><html>
<head><head>
<title>example</title><title>example</title>
<script language=“JavaScript”><script language=“JavaScript”>
<!–<!–
----->----->
</script></script>
</head></head>
<body><body>
----------
----------
</body></body>
</html></html> QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
COMMENTS
Single Comments are //Single Comments are //
<script type="text/javascript"><script type="text/javascript">
document.write("Hello"); // This will write "Hello"document.write("Hello"); // This will write "Hello"
document.write("Dolly"); // This will write "Dolly"document.write("Dolly"); // This will write "Dolly"
</script></script>
Multi line comments are /* */Multi line comments are /* */
<script type="text/javascript"><script type="text/javascript">
/*/*
document.write("<h1>This is a header</h1>"); document.write("<p>This isdocument.write("<h1>This is a header</h1>"); document.write("<p>This is
a paragraph</p>");a paragraph</p>");
document.write("<p>This is also paragraph</p>");document.write("<p>This is also paragraph</p>");
*/*/
</script></script> QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
Comparing Java and JavaScript
Debugging JavaScript Errors
Enable JavaScript - Internet Explorer
1.Click on the Tools menu
2.Choose Internet Options... from the menu
3.Click the Security tab on the Internet Options pop up
4.Click the Custom Level... button to access your security settings
5.Scroll almost all the way down to the Scripting section
6.Select the Enable button for Active scripting
7.Click OK to finish the process 8.Click Yes when asked to confirm
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
Debugging JavaScript Errors
Enable JavaScript – Firefox
1.Click on the Tools menu
2.Choose Options... from the menu
3.Click the Content tab in the Options pop up
4.Make sure that Enable JavaScript is checked
5.Click OK to finish the process
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
Debugging JavaScript Errors
Enable JavaScript – Opera
1.Click on the Tools menu
2.Choose Preferences... from the menu
3.Click the Advanced tab in the Preferences pop up
4.Select Content from the list of items on the left
5.Make sure that Enable JavaScript is checked
6.Click OK to finish the process
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
COMMON SCRIPTING TASKSCOMMON SCRIPTING TASKS
Adding dynamic features to Web pagesAdding dynamic features to Web pages
Validation of form dataValidation of form data
Image rolloversImage rollovers
Time-sensitive or random page elementsTime-sensitive or random page elements
Handling cookiesHandling cookies
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
LIMITATIONS OF CLIENT-SIDE SCRIPTING
Since script code is embedded in the page, viewable to the worldSince script code is embedded in the page, viewable to the world
for security reasons, scripts are limited in what they can dofor security reasons, scripts are limited in what they can do
Example: Can't access the client's hard driveExample: Can't access the client's hard drive
since designed to run on any machine platform, scripts do not containsince designed to run on any machine platform, scripts do not contain
platform specific commandsplatform specific commands
script languages are not full-featuredscript languages are not full-featured
e.g., JavaScript objects are crude, not good for large projecte.g., JavaScript objects are crude, not good for large project
developmentdevelopment
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute
Introducing JavaScript
Server-Side
Programming
Client-Side
Programming
QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best
Software Training InstituteSoftware Training Institute

More Related Content

PPT
Bootstrap training basics tutorial | Bootstrap Essentials
PPTX
JavaScript Performance (at SFJS)
ODP
Effective TDD - Less is more
PDF
Web Development for UX Designers
PPTX
Introduction to Web Development
PPT
Top java script frameworks ppt
PPTX
Web development
PPTX
Client and server side scripting
Bootstrap training basics tutorial | Bootstrap Essentials
JavaScript Performance (at SFJS)
Effective TDD - Less is more
Web Development for UX Designers
Introduction to Web Development
Top java script frameworks ppt
Web development
Client and server side scripting

What's hot (20)

PDF
Unobtrusive JavaScript
PPTX
Web development using javaScript, React js, Node js, HTML, CSS and SQL
PPTX
High Performance JavaScript (CapitolJS 2011)
PPTX
phonegap with angular js for freshers
PPTX
JavaScript Presentation Frameworks and Libraries
PDF
Dreamweaver CS6, jQuery, PhoneGap, mobile design
ODP
A Good PHP Framework For Beginners Like Me!
PDF
API Technical Writing
PPTX
Web Development
PDF
Intro Open Social and Dashboards
PPTX
HTML5 and CSS3 Techniques You Can Use Today
PDF
Front-End Frameworks: a quick overview
PDF
Web dev syllabus
PPTX
DeepCrawl Webinar: Performing SEO on the Edge
PDF
HTML5 and the dawn of rich mobile web applications
PDF
Progressive Web Apps: o melhor da Web appficada
PDF
Building Progressive Web Apps for Android and iOS
PDF
Front end development best practices
PDF
JavaScript Roadmap III - ECMAScript
PDF
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!
Unobtrusive JavaScript
Web development using javaScript, React js, Node js, HTML, CSS and SQL
High Performance JavaScript (CapitolJS 2011)
phonegap with angular js for freshers
JavaScript Presentation Frameworks and Libraries
Dreamweaver CS6, jQuery, PhoneGap, mobile design
A Good PHP Framework For Beginners Like Me!
API Technical Writing
Web Development
Intro Open Social and Dashboards
HTML5 and CSS3 Techniques You Can Use Today
Front-End Frameworks: a quick overview
Web dev syllabus
DeepCrawl Webinar: Performing SEO on the Edge
HTML5 and the dawn of rich mobile web applications
Progressive Web Apps: o melhor da Web appficada
Building Progressive Web Apps for Android and iOS
Front end development best practices
JavaScript Roadmap III - ECMAScript
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!
Ad

Similar to Java script Tutorial - QaTrainingHub (20)

PPTX
BEAAUTIFUL presentation of java
PPTX
WT Module-3.pptx
PDF
Quo vadis, JavaScript? Devday.pl keynote
PDF
Accessibility Testing - Using Asqatasun - Meetup Webinar
PDF
Progressive Enhancement & Mobile [Funka 2012]
PDF
Developing High Performance Web Apps
PPTX
Client side scripting and server side scripting
PPT
Online gas booking project in java
PPTX
JavaScript New Tutorial Class XI and XII.pptx
PDF
JavaOne2016 #CON5929 Time-Saving Tips and Tricks for Building Quality Java Ap...
PDF
Client-Side Performance Testing
PPT
DOC
Java script by Act Academy
PDF
wt mod3.pdf
PPT
JavaScript Introduction
PPTX
Web Development and Web Development technologies - Temitayo Fadojutimi
PPT
Java script lecture 1
PPTX
DevOps, A brief introduction to Vagrant & Ansible
PDF
Programming For Non-Programmers (AMEX Remix Edition)
PPTX
txWelcome to Javascript Welcome to Javascript.pp
BEAAUTIFUL presentation of java
WT Module-3.pptx
Quo vadis, JavaScript? Devday.pl keynote
Accessibility Testing - Using Asqatasun - Meetup Webinar
Progressive Enhancement & Mobile [Funka 2012]
Developing High Performance Web Apps
Client side scripting and server side scripting
Online gas booking project in java
JavaScript New Tutorial Class XI and XII.pptx
JavaOne2016 #CON5929 Time-Saving Tips and Tricks for Building Quality Java Ap...
Client-Side Performance Testing
Java script by Act Academy
wt mod3.pdf
JavaScript Introduction
Web Development and Web Development technologies - Temitayo Fadojutimi
Java script lecture 1
DevOps, A brief introduction to Vagrant & Ansible
Programming For Non-Programmers (AMEX Remix Edition)
txWelcome to Javascript Welcome to Javascript.pp
Ad

More from QA TrainingHub (6)

PPTX
Best Python Online Training with Live Project by Expert
PPT
Microsoft sql-server-2016 Tutorial & Overview
PPTX
Python | What is Python | History of Python | Python Tutorial
PPT
Css training tutorial css3 &amp; css4 essentials
PPT
Unix Tutorial & overview
PPT
QA Online Training in Hyderabad - 040 65862627, +91 8977262627
Best Python Online Training with Live Project by Expert
Microsoft sql-server-2016 Tutorial & Overview
Python | What is Python | History of Python | Python Tutorial
Css training tutorial css3 &amp; css4 essentials
Unix Tutorial & overview
QA Online Training in Hyderabad - 040 65862627, +91 8977262627

Recently uploaded (20)

PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Lesson notes of climatology university.
PDF
Pre independence Education in Inndia.pdf
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Computing-Curriculum for Schools in Ghana
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
RMMM.pdf make it easy to upload and study
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Pharma ospi slides which help in ospi learning
2.FourierTransform-ShortQuestionswithAnswers.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Lesson notes of climatology university.
Pre independence Education in Inndia.pdf
STATICS OF THE RIGID BODIES Hibbelers.pdf
Computing-Curriculum for Schools in Ghana
Supply Chain Operations Speaking Notes -ICLT Program
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Final Presentation General Medicine 03-08-2024.pptx
RMMM.pdf make it easy to upload and study
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Renaissance Architecture: A Journey from Faith to Humanism
Pharmacology of Heart Failure /Pharmacotherapy of CHF
O7-L3 Supply Chain Operations - ICLT Program
102 student loan defaulters named and shamed – Is someone you know on the list?
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Pharma ospi slides which help in ospi learning

Java script Tutorial - QaTrainingHub

  • 1. y JAVASCRIPT QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 2. INTRODUCTION TO JAVASCRIPTINTRODUCTION TO JAVASCRIPT Introduction: JS is client side scripting language implemented by Brendan Netscape corporation in 1995 as LiveScript. It increase the performance of application and to decrease network traffic. JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Firefox, Chrome, Opera, and Safari. QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 3. •JavaScript was designed to add interactivity to HTML pages •JavaScript was originally developed in Netscape, by Brendan Eich •JavaScript is a scripting language •A scripting language is a lightweight programming language •JavaScript is usually embedded directly into HTML pages •Every Statement is JS we should end with a semi colon ; •JavaScript is an interpreted language (means that scripts execute without preliminary compilation) •Everyone can use JavaScript without purchasing a license • JavaScript is loosely typed language, no need to provide data types at the time of variable declaration. • User can see the JavaScript logic by clicking on view source option. What is JavaScript? QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 4. NO! JAVA and JavaScript are two completely different languages in both concept and design! Java (developed by Sun Microsystems) is a powerful and much more complex programming language - in the same category as C and C++. Are Java and JavaScript the same? QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 5. HOW JAVASCRIPT WORKS HTML Viewer Executing Scripts QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 6. Java Script Structure <html><html> <head><head> <title>example</title><title>example</title> <script language=“JavaScript”><script language=“JavaScript”> <!–<!– ----->-----> </script></script> </head></head> <body><body> ---------- ---------- </body></body> </html></html> QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 7. COMMENTS Single Comments are //Single Comments are // <script type="text/javascript"><script type="text/javascript"> document.write("Hello"); // This will write "Hello"document.write("Hello"); // This will write "Hello" document.write("Dolly"); // This will write "Dolly"document.write("Dolly"); // This will write "Dolly" </script></script> Multi line comments are /* */Multi line comments are /* */ <script type="text/javascript"><script type="text/javascript"> /*/* document.write("<h1>This is a header</h1>"); document.write("<p>This isdocument.write("<h1>This is a header</h1>"); document.write("<p>This is a paragraph</p>");a paragraph</p>"); document.write("<p>This is also paragraph</p>");document.write("<p>This is also paragraph</p>"); */*/ </script></script> QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 8. QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute Comparing Java and JavaScript
  • 9. Debugging JavaScript Errors Enable JavaScript - Internet Explorer 1.Click on the Tools menu 2.Choose Internet Options... from the menu 3.Click the Security tab on the Internet Options pop up 4.Click the Custom Level... button to access your security settings 5.Scroll almost all the way down to the Scripting section 6.Select the Enable button for Active scripting 7.Click OK to finish the process 8.Click Yes when asked to confirm QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 10. Debugging JavaScript Errors Enable JavaScript – Firefox 1.Click on the Tools menu 2.Choose Options... from the menu 3.Click the Content tab in the Options pop up 4.Make sure that Enable JavaScript is checked 5.Click OK to finish the process QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 11. Debugging JavaScript Errors Enable JavaScript – Opera 1.Click on the Tools menu 2.Choose Preferences... from the menu 3.Click the Advanced tab in the Preferences pop up 4.Select Content from the list of items on the left 5.Make sure that Enable JavaScript is checked 6.Click OK to finish the process QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 12. COMMON SCRIPTING TASKSCOMMON SCRIPTING TASKS Adding dynamic features to Web pagesAdding dynamic features to Web pages Validation of form dataValidation of form data Image rolloversImage rollovers Time-sensitive or random page elementsTime-sensitive or random page elements Handling cookiesHandling cookies QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 13. LIMITATIONS OF CLIENT-SIDE SCRIPTING Since script code is embedded in the page, viewable to the worldSince script code is embedded in the page, viewable to the world for security reasons, scripts are limited in what they can dofor security reasons, scripts are limited in what they can do Example: Can't access the client's hard driveExample: Can't access the client's hard drive since designed to run on any machine platform, scripts do not containsince designed to run on any machine platform, scripts do not contain platform specific commandsplatform specific commands script languages are not full-featuredscript languages are not full-featured e.g., JavaScript objects are crude, not good for large projecte.g., JavaScript objects are crude, not good for large project developmentdevelopment QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute
  • 14. Introducing JavaScript Server-Side Programming Client-Side Programming QATRAININGHUB.COM | India's BestQATRAININGHUB.COM | India's Best Software Training InstituteSoftware Training Institute