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!

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

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)

PPSX
namma_kalvi_12th_botany_chapter_9_ppt.ppsx
PDF
horaris de grups del curs 2025-2026 de l'institut
PPTX
Juvenile delinquency-Crim Research day 3x
PPTX
climate change of delhi impacts on climate and there effects
PDF
Unleashing the Potential of the Cultural and creative industries
PDF
FYJC - Chemistry textbook - standard 11.
PPTX
ENGlishGrade8_Quarter2_WEEK1_LESSON1.pptx
PDF
IS1343_2012...........................pdf
PDF
WHAT NURSES SAY_ COMMUNICATION BEHAVIORS ASSOCIATED WITH THE COMP.pdf
PPTX
MALARIA - educational ppt for students..
PDF
English 2nd semesteNotesh biology biopsy results from the other day and I jus...
PDF
GIÁO ÁN TIẾNG ANH 7 GLOBAL SUCCESS (CẢ NĂM) THEO CÔNG VĂN 5512 (2 CỘT) NĂM HỌ...
PPTX
Chapter-4-Rizal-Higher-Education-1-2_081545.pptx
PPTX
UCSP Section A - Human Cultural Variations,Social Differences,social ChangeCo...
PPTX
Single Visit Endodontics.pptx treatment in one visit
PDF
New_Round_Up_6_SB.pdf download for free, easy to learn
PPTX
Ppt obs emergecy.pptxydirnbduejguxjjdjidjdbuc
PPTX
Approach to a child with acute kidney injury
PDF
BSc-Zoology-02Sem-DrVijay-Comparative anatomy of vertebrates.pdf
PDF
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...
namma_kalvi_12th_botany_chapter_9_ppt.ppsx
horaris de grups del curs 2025-2026 de l'institut
Juvenile delinquency-Crim Research day 3x
climate change of delhi impacts on climate and there effects
Unleashing the Potential of the Cultural and creative industries
FYJC - Chemistry textbook - standard 11.
ENGlishGrade8_Quarter2_WEEK1_LESSON1.pptx
IS1343_2012...........................pdf
WHAT NURSES SAY_ COMMUNICATION BEHAVIORS ASSOCIATED WITH THE COMP.pdf
MALARIA - educational ppt for students..
English 2nd semesteNotesh biology biopsy results from the other day and I jus...
GIÁO ÁN TIẾNG ANH 7 GLOBAL SUCCESS (CẢ NĂM) THEO CÔNG VĂN 5512 (2 CỘT) NĂM HỌ...
Chapter-4-Rizal-Higher-Education-1-2_081545.pptx
UCSP Section A - Human Cultural Variations,Social Differences,social ChangeCo...
Single Visit Endodontics.pptx treatment in one visit
New_Round_Up_6_SB.pdf download for free, easy to learn
Ppt obs emergecy.pptxydirnbduejguxjjdjidjdbuc
Approach to a child with acute kidney injury
BSc-Zoology-02Sem-DrVijay-Comparative anatomy of vertebrates.pdf
NGÂN HÀNG CÂU HỎI TÁCH CHỌN LỌC THEO CHUYÊN ĐỀ TỪ ĐỀ THI THỬ TN THPT 2025 TIẾ...

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