SlideShare a Scribd company logo
Introduction to JavaScript
Introduction to JavaScript
In this topic, we have discussed the Introduction to JavaScript as it is a lightweight
dynamic programming language. Programs written in this language are called
scripts, these scripts are embedded in web pages, and they can manipulate the
HTML content. These scripts execute as web pages are loaded; JavaScript’s do
not need to have complied to execute. Previously JavaScript was known as
LiveScript, but later it was changed to JavaScript.
As Java was very popular at that time and introducing a new language with the
similarity in names would be beneficial, they thought. But later, JavaScript became
an independent language with its own specification called ECMAScript.
Netscape 2.0 is the first where the implementation of JavaScript was first seen.
The syntax of JavaScript is more influenced by programming language ‘C.’
Execution of JavaScript
JavaScript is a scripting language, it cannot execute on its own, so we need a
platform to execute it. This platform is nothing but the browser where we open the
web page; browsers already have built-in execution engines. In earlier times, it
was supported mainly by IE(Internet Explorer), so for many sites, there used to be
a note for better performance use IE7 or so. But nowadays, all browsers support
JavaScript, so we don’t need to bother whether our site will function properly for all
browsers or it will be supported by any specific browser only. The Scripts can be
executed with the help of the JavaScript engine; the presence of these engines
assures the execution of scripts in the browser, server, or any other device.
The name for the engines differ as a browser; some browser embedded engines
are called “JavaScript Virtual Machine,” while few others are listed below:
V8 is Google Chrome’s open-source JavaScript engine developed by Chromium
Project.
SpiderMonkey is the first engine developed by Netscape Communications.
Nashorn, JScript, Rhino, etc. Are few other JavaScript engines.
Client-Side JavaScript
The most common form of language is Client-Side JavaScript. Browsers need to
interpret the scripts; for that, it has to be included or pointed by the HTML
document. JavaScript’s included in the HTML; for this it is not mandatory for
HTML to be static. But adding scripts, we can make a more interactive webpage.
Client-Side scripts provide advantages over traditional server-side scripts, e.g. we
implement JavaScript to validate basic information filled on the webpage such as
age for numbers, e-mail for @ and .com, etc. The scripts developed and
embedded for validation, are executed once the user submits the form and if the
entries are valid form will be submitted else error message will pop up.
Features of Client-Side JavaScript
Given below are the features of client side JavaScript:
We can Control Document Appearance and Content.
We can Control the Browser like pop-up boxes.
Interact with HTML Forms e.g. we can have to submit button.
Interact with the User e.g. we display messages on a particular text or word.
Why JavaScript is Unique?
There are various tools and programming languages available for the creation of
web browsers. JavaScript is distinctive from any of them due to the presence of
three features that are uniquely combined. The incorporation of these three
features together is made available only in JavaScript and this makes it a unique
programming language especially for interface design.
● It provides complete integration with HTML. HTML is a standard tool for the
development of web pages. Assimilation of JavaScript brings in powerful
libraries and tools to handle most of the required tasks.
● Along with being integrated with HTML, it also is supported by all browsers
which makes it the ultimate choice.
● The programming language is efficient with constantly evolving libraries. This
makes JavaScript a high-performing programming language in all areas of
web, mobile app developments, and even IOT.
Examples of Javascript
Example #1
Embedded Script.
We should keep all our JavaScript code within <script>…..</script> tags, if we are
including our code in HTML document. This will distinguish our code from the rest
of the code. There are many client-side scripting languages available, it is
recommended to specify the scripting language. To do so we just need to add
type attribute inside the <script> tag as follows: <script type=“text/javascript”>
Now we will see the example where we have embedded “Hello World!” in the
JavaScript as follows:
Code:
<html>
<head>
<title>My First JavaScript code!!!</title>
<script type="text/javascript">
alert("Hello World!");
</script>
</head&gt;
<body>
</body>
</html>
Introduction to JavaScript
CONTACT US
SCO-12, 1st Floor, Opp. D.A.V. Riverside School, Kardhan Road, Ambala
Cantt,133001 Haryana
Contact Us: 749 789 7720
Website: www.apxic.com
Ad

More Related Content

Similar to Introduction to JavaScript (20)

Javascript tutorial
Javascript tutorialJavascript tutorial
Javascript tutorial
Abhishek Kesharwani
 
Basics java scripts
Basics java scriptsBasics java scripts
Basics java scripts
ch samaram
 
Introduction to Java script for web .pptx
Introduction to Java script for web .pptxIntroduction to Java script for web .pptx
Introduction to Java script for web .pptx
FahimMousa
 
INTRODUCTION.docx
INTRODUCTION.docxINTRODUCTION.docx
INTRODUCTION.docx
KaiSane1
 
Java script hello world
Java script hello worldJava script hello world
Java script hello world
sanket kulkarni
 
Java script Basic
Java script BasicJava script Basic
Java script Basic
Jaya Kumari
 
Java script
Java scriptJava script
Java script
reddivarihareesh
 
Unit 4 Java script.pptx
Unit 4 Java script.pptxUnit 4 Java script.pptx
Unit 4 Java script.pptx
Gangesh8
 
JavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptxJavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptx
rish15r890
 
web designing course bangalore
web designing course bangaloreweb designing course bangalore
web designing course bangalore
Infocampus Logics Pvt.Ltd.
 
Session vii(java scriptbasics)
Session vii(java scriptbasics)Session vii(java scriptbasics)
Session vii(java scriptbasics)
Shrijan Tiwari
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
Parvez Mahbub
 
06 Javascript
06 Javascript06 Javascript
06 Javascript
Herman Tolle
 
Javascript pdf for beginners easy levell
Javascript pdf for beginners easy levellJavascript pdf for beginners easy levell
Javascript pdf for beginners easy levell
SakshamGupta957136
 
Java script
Java scriptJava script
Java script
umesh patil
 
JavaScript: Implementations And Applications
JavaScript: Implementations And ApplicationsJavaScript: Implementations And Applications
JavaScript: Implementations And Applications
Pragya Pai
 
txWelcome to Javascript Welcome to Javascript.pp
txWelcome to Javascript Welcome to Javascript.pptxWelcome to Javascript Welcome to Javascript.pp
txWelcome to Javascript Welcome to Javascript.pp
vaibhavdtambe2003
 
Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)
John Bosco Javellana, MAEd.
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPT
Go4Guru
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
JohnTaieb
 
Basics java scripts
Basics java scriptsBasics java scripts
Basics java scripts
ch samaram
 
Introduction to Java script for web .pptx
Introduction to Java script for web .pptxIntroduction to Java script for web .pptx
Introduction to Java script for web .pptx
FahimMousa
 
INTRODUCTION.docx
INTRODUCTION.docxINTRODUCTION.docx
INTRODUCTION.docx
KaiSane1
 
Java script Basic
Java script BasicJava script Basic
Java script Basic
Jaya Kumari
 
Unit 4 Java script.pptx
Unit 4 Java script.pptxUnit 4 Java script.pptx
Unit 4 Java script.pptx
Gangesh8
 
JavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptxJavaScript New Tutorial Class XI and XII.pptx
JavaScript New Tutorial Class XI and XII.pptx
rish15r890
 
Session vii(java scriptbasics)
Session vii(java scriptbasics)Session vii(java scriptbasics)
Session vii(java scriptbasics)
Shrijan Tiwari
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
Parvez Mahbub
 
Javascript pdf for beginners easy levell
Javascript pdf for beginners easy levellJavascript pdf for beginners easy levell
Javascript pdf for beginners easy levell
SakshamGupta957136
 
JavaScript: Implementations And Applications
JavaScript: Implementations And ApplicationsJavaScript: Implementations And Applications
JavaScript: Implementations And Applications
Pragya Pai
 
txWelcome to Javascript Welcome to Javascript.pp
txWelcome to Javascript Welcome to Javascript.pptxWelcome to Javascript Welcome to Javascript.pp
txWelcome to Javascript Welcome to Javascript.pp
vaibhavdtambe2003
 
Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)Empowerment Technologies Lecture 11 (Philippines SHS)
Empowerment Technologies Lecture 11 (Philippines SHS)
John Bosco Javellana, MAEd.
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPT
Go4Guru
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
JohnTaieb
 

Recently uploaded (20)

CNS infections (encephalitis, meningitis & Brain abscess
CNS infections (encephalitis, meningitis & Brain abscessCNS infections (encephalitis, meningitis & Brain abscess
CNS infections (encephalitis, meningitis & Brain abscess
Mohamed Rizk Khodair
 
Overview Well-Being and Creative Careers
Overview Well-Being and Creative CareersOverview Well-Being and Creative Careers
Overview Well-Being and Creative Careers
University of Amsterdam
 
Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...
parmarjuli1412
 
How to Create Kanban View in Odoo 18 - Odoo Slides
How to Create Kanban View in Odoo 18 - Odoo SlidesHow to Create Kanban View in Odoo 18 - Odoo Slides
How to Create Kanban View in Odoo 18 - Odoo Slides
Celine George
 
LDMMIA Reiki News Ed3 Vol1 For Team and Guests
LDMMIA Reiki News Ed3 Vol1 For Team and GuestsLDMMIA Reiki News Ed3 Vol1 For Team and Guests
LDMMIA Reiki News Ed3 Vol1 For Team and Guests
LDM Mia eStudios
 
UPMVLE migration to ARAL. A step- by- step guide
UPMVLE migration to ARAL. A step- by- step guideUPMVLE migration to ARAL. A step- by- step guide
UPMVLE migration to ARAL. A step- by- step guide
abmerca
 
Drugs in Anaesthesia and Intensive Care,.pdf
Drugs in Anaesthesia and Intensive Care,.pdfDrugs in Anaesthesia and Intensive Care,.pdf
Drugs in Anaesthesia and Intensive Care,.pdf
crewot855
 
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
Dr. Nasir Mustafa
 
Transform tomorrow: Master benefits analysis with Gen AI today webinar, 30 A...
Transform tomorrow: Master benefits analysis with Gen AI today webinar,  30 A...Transform tomorrow: Master benefits analysis with Gen AI today webinar,  30 A...
Transform tomorrow: Master benefits analysis with Gen AI today webinar, 30 A...
Association for Project Management
 
Search Matching Applicants in Odoo 18 - Odoo Slides
Search Matching Applicants in Odoo 18 - Odoo SlidesSearch Matching Applicants in Odoo 18 - Odoo Slides
Search Matching Applicants in Odoo 18 - Odoo Slides
Celine George
 
antiquity of writing in ancient India- literary & archaeological evidence
antiquity of writing in ancient India- literary & archaeological evidenceantiquity of writing in ancient India- literary & archaeological evidence
antiquity of writing in ancient India- literary & archaeological evidence
PrachiSontakke5
 
Ajanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of HistoryAjanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of History
Virag Sontakke
 
Module 1: Foundations of Research
Module 1: Foundations of ResearchModule 1: Foundations of Research
Module 1: Foundations of Research
drroxannekemp
 
Chemotherapy of Malignancy -Anticancer.pptx
Chemotherapy of Malignancy -Anticancer.pptxChemotherapy of Malignancy -Anticancer.pptx
Chemotherapy of Malignancy -Anticancer.pptx
Mayuri Chavan
 
Ancient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian HistoryAncient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian History
Virag Sontakke
 
How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18
Celine George
 
Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...
Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...
Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...
Leonel Morgado
 
ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptx
ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptxANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptx
ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptx
Mayuri Chavan
 
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
Celine George
 
Final Evaluation.docx...........................
Final Evaluation.docx...........................Final Evaluation.docx...........................
Final Evaluation.docx...........................
l1bbyburrell
 
CNS infections (encephalitis, meningitis & Brain abscess
CNS infections (encephalitis, meningitis & Brain abscessCNS infections (encephalitis, meningitis & Brain abscess
CNS infections (encephalitis, meningitis & Brain abscess
Mohamed Rizk Khodair
 
Overview Well-Being and Creative Careers
Overview Well-Being and Creative CareersOverview Well-Being and Creative Careers
Overview Well-Being and Creative Careers
University of Amsterdam
 
Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...Classification of mental disorder in 5th semester bsc. nursing and also used ...
Classification of mental disorder in 5th semester bsc. nursing and also used ...
parmarjuli1412
 
How to Create Kanban View in Odoo 18 - Odoo Slides
How to Create Kanban View in Odoo 18 - Odoo SlidesHow to Create Kanban View in Odoo 18 - Odoo Slides
How to Create Kanban View in Odoo 18 - Odoo Slides
Celine George
 
LDMMIA Reiki News Ed3 Vol1 For Team and Guests
LDMMIA Reiki News Ed3 Vol1 For Team and GuestsLDMMIA Reiki News Ed3 Vol1 For Team and Guests
LDMMIA Reiki News Ed3 Vol1 For Team and Guests
LDM Mia eStudios
 
UPMVLE migration to ARAL. A step- by- step guide
UPMVLE migration to ARAL. A step- by- step guideUPMVLE migration to ARAL. A step- by- step guide
UPMVLE migration to ARAL. A step- by- step guide
abmerca
 
Drugs in Anaesthesia and Intensive Care,.pdf
Drugs in Anaesthesia and Intensive Care,.pdfDrugs in Anaesthesia and Intensive Care,.pdf
Drugs in Anaesthesia and Intensive Care,.pdf
crewot855
 
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
MCQ PHYSIOLOGY II (DR. NASIR MUSTAFA) MCQS)
Dr. Nasir Mustafa
 
Transform tomorrow: Master benefits analysis with Gen AI today webinar, 30 A...
Transform tomorrow: Master benefits analysis with Gen AI today webinar,  30 A...Transform tomorrow: Master benefits analysis with Gen AI today webinar,  30 A...
Transform tomorrow: Master benefits analysis with Gen AI today webinar, 30 A...
Association for Project Management
 
Search Matching Applicants in Odoo 18 - Odoo Slides
Search Matching Applicants in Odoo 18 - Odoo SlidesSearch Matching Applicants in Odoo 18 - Odoo Slides
Search Matching Applicants in Odoo 18 - Odoo Slides
Celine George
 
antiquity of writing in ancient India- literary & archaeological evidence
antiquity of writing in ancient India- literary & archaeological evidenceantiquity of writing in ancient India- literary & archaeological evidence
antiquity of writing in ancient India- literary & archaeological evidence
PrachiSontakke5
 
Ajanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of HistoryAjanta Paintings: Study as a Source of History
Ajanta Paintings: Study as a Source of History
Virag Sontakke
 
Module 1: Foundations of Research
Module 1: Foundations of ResearchModule 1: Foundations of Research
Module 1: Foundations of Research
drroxannekemp
 
Chemotherapy of Malignancy -Anticancer.pptx
Chemotherapy of Malignancy -Anticancer.pptxChemotherapy of Malignancy -Anticancer.pptx
Chemotherapy of Malignancy -Anticancer.pptx
Mayuri Chavan
 
Ancient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian HistoryAncient Stone Sculptures of India: As a Source of Indian History
Ancient Stone Sculptures of India: As a Source of Indian History
Virag Sontakke
 
How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18How to Configure Public Holidays & Mandatory Days in Odoo 18
How to Configure Public Holidays & Mandatory Days in Odoo 18
Celine George
 
Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...
Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...
Redesigning Education as a Cognitive Ecosystem: Practical Insights into Emerg...
Leonel Morgado
 
ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptx
ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptxANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptx
ANTI-VIRAL DRUGS unit 3 Pharmacology 3.pptx
Mayuri Chavan
 
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
How to Clean Your Contacts Using the Deduplication Menu in Odoo 18
Celine George
 
Final Evaluation.docx...........................
Final Evaluation.docx...........................Final Evaluation.docx...........................
Final Evaluation.docx...........................
l1bbyburrell
 
Ad

Introduction to JavaScript

  • 2. Introduction to JavaScript In this topic, we have discussed the Introduction to JavaScript as it is a lightweight dynamic programming language. Programs written in this language are called scripts, these scripts are embedded in web pages, and they can manipulate the HTML content. These scripts execute as web pages are loaded; JavaScript’s do not need to have complied to execute. Previously JavaScript was known as LiveScript, but later it was changed to JavaScript. As Java was very popular at that time and introducing a new language with the similarity in names would be beneficial, they thought. But later, JavaScript became an independent language with its own specification called ECMAScript.
  • 3. Netscape 2.0 is the first where the implementation of JavaScript was first seen. The syntax of JavaScript is more influenced by programming language ‘C.’
  • 4. Execution of JavaScript JavaScript is a scripting language, it cannot execute on its own, so we need a platform to execute it. This platform is nothing but the browser where we open the web page; browsers already have built-in execution engines. In earlier times, it was supported mainly by IE(Internet Explorer), so for many sites, there used to be a note for better performance use IE7 or so. But nowadays, all browsers support JavaScript, so we don’t need to bother whether our site will function properly for all browsers or it will be supported by any specific browser only. The Scripts can be executed with the help of the JavaScript engine; the presence of these engines assures the execution of scripts in the browser, server, or any other device.
  • 5. The name for the engines differ as a browser; some browser embedded engines are called “JavaScript Virtual Machine,” while few others are listed below: V8 is Google Chrome’s open-source JavaScript engine developed by Chromium Project. SpiderMonkey is the first engine developed by Netscape Communications. Nashorn, JScript, Rhino, etc. Are few other JavaScript engines.
  • 6. Client-Side JavaScript The most common form of language is Client-Side JavaScript. Browsers need to interpret the scripts; for that, it has to be included or pointed by the HTML document. JavaScript’s included in the HTML; for this it is not mandatory for HTML to be static. But adding scripts, we can make a more interactive webpage. Client-Side scripts provide advantages over traditional server-side scripts, e.g. we implement JavaScript to validate basic information filled on the webpage such as age for numbers, e-mail for @ and .com, etc. The scripts developed and embedded for validation, are executed once the user submits the form and if the entries are valid form will be submitted else error message will pop up.
  • 7. Features of Client-Side JavaScript Given below are the features of client side JavaScript: We can Control Document Appearance and Content. We can Control the Browser like pop-up boxes. Interact with HTML Forms e.g. we can have to submit button. Interact with the User e.g. we display messages on a particular text or word.
  • 8. Why JavaScript is Unique? There are various tools and programming languages available for the creation of web browsers. JavaScript is distinctive from any of them due to the presence of three features that are uniquely combined. The incorporation of these three features together is made available only in JavaScript and this makes it a unique programming language especially for interface design. ● It provides complete integration with HTML. HTML is a standard tool for the development of web pages. Assimilation of JavaScript brings in powerful libraries and tools to handle most of the required tasks.
  • 9. ● Along with being integrated with HTML, it also is supported by all browsers which makes it the ultimate choice. ● The programming language is efficient with constantly evolving libraries. This makes JavaScript a high-performing programming language in all areas of web, mobile app developments, and even IOT.
  • 10. Examples of Javascript Example #1 Embedded Script. We should keep all our JavaScript code within <script>…..</script> tags, if we are including our code in HTML document. This will distinguish our code from the rest of the code. There are many client-side scripting languages available, it is recommended to specify the scripting language. To do so we just need to add type attribute inside the <script> tag as follows: <script type=“text/javascript”>
  • 11. Now we will see the example where we have embedded “Hello World!” in the JavaScript as follows: Code: <html> <head> <title>My First JavaScript code!!!</title> <script type="text/javascript"> alert("Hello World!"); </script> </head&gt; <body> </body> </html>
  • 13. CONTACT US SCO-12, 1st Floor, Opp. D.A.V. Riverside School, Kardhan Road, Ambala Cantt,133001 Haryana Contact Us: 749 789 7720 Website: www.apxic.com
  翻译: