SlideShare a Scribd company logo
INFT 305: Web Engineering and
Application
Department of Computer Science and Informatics
January, 2023
Lecturer
Dr. Peter Nimbe
What is
JavaScript?
2
1
Introduction
• JavaScript is an open-source and most popular client-side scripting
language supported by all browsers.
• JavaScript is mainly used for enhancing the interaction of the
webpage with users by making it more lively and interactive.
• It is also used for game development and mobile application
development.
JavaScript
JavaScript History
• JavaScript was developed by Brendan Eich in 1995, which appeared in
Netscape, a popular browser of that time.
• The language was initially called LiveScript
and was later renamed JavaScript.
• There are many programmers who think that
JavaScript and Java are the same.
• In fact, JavaScript and Java are very
much unrelated
JavaScript History
• Java is a very complex programming language whereas
JavaScript is only a scripting language.
• The syntax of JavaScript is mostly influenced by the
programming language C.
How to run JavaScript?
• Being a scripting language, JavaScript cannot run on its own.
• In fact, the browser is responsible for running JavaScript code.
• When a user requests an HTML page with JavaScript in it, the script is sent to
the browser and it is up to the browser to execute it.
• The main advantage of JavaScript is that all modern web browsers
support JavaScript.
• So, you do not have to worry about whether your site visitor uses Internet
Explorer, Google Chrome, Firefox or any other browser. JavaScript will be
supported.
• Also, JavaScript runs on any operating system including Windows, Linux or
Mac. Thus, JavaScript overcomes the main disadvantages of VBScript (Now
deprecated) which is limited to just IE and Windows.
Tools You Need
• To start with, you need a text editor to write your code and a
browser to display the web pages you develop.
• You can use a text editor of your choice including Notepad++,
Visual Studio Code, Sublime Text, Atom or any other text editor
you are comfortable with.
• You can use any web browser including Google Chrome, Firefox,
Microsoft Edge, Internet Explorer etc.
A Simple JavaScript Program
• You should place all your JavaScript code within <script>
tags (<script> and </script>) if you are keeping your JavaScript code
within the HTML document itself.
• This helps your browser distinguish your JavaScript code from the
rest of the code.
• As there are other client-side scripting languages (Example:
VBScript), it is highly recommended that you specify the scripting
language you use.
• You have to use the type attribute within the <script> tag and set
its value to text/javascript like this:
<script> tags
<script type="text/javascript">
Hello World Example
Note: type=“text/javascript” is not necessary in
HTML5. Following code will work.
Summary
• JavaScript is a client-side scripting language developed by
Brendan Eich.
• JavaScript can be run on any operating systems and
almost all web browsers.
• You need a text editor to write JavaScript code and a
browser to display your web page.

More Related Content

Similar to chap01 - Introduction to JavaScript first.pptx (20)

PPT
Java script
umesh patil
 
PPT
JAVA SCRIPT
Go4Guru
 
PPTX
Introduction to JavaScript
ApxicTechnologies1
 
PPTX
Java script Basic
Jaya Kumari
 
DOC
Java script by Act Academy
actanimation
 
PPTX
Java script Session No 1
Saif Ullah Dar
 
PDF
Javascript
Momentum Design Lab
 
PDF
CS8651- Unit 2 - JS.internet programming paper anna university -2017 regulation
amrashbhanuabdul
 
PDF
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
Bhavsingh Maloth
 
PDF
Web programming UNIT II by Bhavsingh Maloth
Bhavsingh Maloth
 
PPTX
txWelcome to Javascript Welcome to Javascript.pp
vaibhavdtambe2003
 
PPTX
Unit 4 Java script.pptx
Gangesh8
 
PPTX
Java script
reddivarihareesh
 
DOCX
Java script hello world
sanket kulkarni
 
PPT
Java script
umesh patil
 
PPTX
JAVASRIPT and PHP (Hypertext Preprocessor)
shelakenitinit
 
PPT
java script programming slide 1 from tn state
scriptslayr
 
PPTX
JavaScript: Implementations And Applications
Pragya Pai
 
PPT
JS-Slides-1hgvhfhgftgfvujguyghvhjbjbnnhg
shubhangimalas1
 
DOCX
Javascript - Today's trending script
Global Indian Technology Solutions
 
Java script
umesh patil
 
JAVA SCRIPT
Go4Guru
 
Introduction to JavaScript
ApxicTechnologies1
 
Java script Basic
Jaya Kumari
 
Java script by Act Academy
actanimation
 
Java script Session No 1
Saif Ullah Dar
 
CS8651- Unit 2 - JS.internet programming paper anna university -2017 regulation
amrashbhanuabdul
 
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
Bhavsingh Maloth
 
Web programming UNIT II by Bhavsingh Maloth
Bhavsingh Maloth
 
txWelcome to Javascript Welcome to Javascript.pp
vaibhavdtambe2003
 
Unit 4 Java script.pptx
Gangesh8
 
Java script
reddivarihareesh
 
Java script hello world
sanket kulkarni
 
Java script
umesh patil
 
JAVASRIPT and PHP (Hypertext Preprocessor)
shelakenitinit
 
java script programming slide 1 from tn state
scriptslayr
 
JavaScript: Implementations And Applications
Pragya Pai
 
JS-Slides-1hgvhfhgftgfvujguyghvhjbjbnnhg
shubhangimalas1
 
Javascript - Today's trending script
Global Indian Technology Solutions
 

Recently uploaded (20)

PDF
Dipole Tech Innovations – Global IT Solutions for Business Growth
dipoletechi3
 
PDF
Add Background Images to Charts in IBM SPSS Statistics Version 31.pdf
Version 1 Analytics
 
PPTX
Home Care Tools: Benefits, features and more
Third Rock Techkno
 
PDF
The 5 Reasons for IT Maintenance - Arna Softech
Arna Softech
 
PDF
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
PPTX
Agentic Automation: Build & Deploy Your First UiPath Agent
klpathrudu
 
PPTX
Agentic Automation Journey Series Day 2 – Prompt Engineering for UiPath Agents
klpathrudu
 
PPTX
Foundations of Marketo Engage - Powering Campaigns with Marketo Personalization
bbedford2
 
PPTX
Finding Your License Details in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
PPTX
In From the Cold: Open Source as Part of Mainstream Software Asset Management
Shane Coughlan
 
PDF
4K Video Downloader Plus Pro Crack for MacOS New Download 2025
bashirkhan333g
 
PPTX
Help for Correlations in IBM SPSS Statistics.pptx
Version 1 Analytics
 
PPTX
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
PPTX
Function & Procedure: Function Vs Procedure in PL/SQL
Shani Tiwari
 
PDF
Open Chain Q2 Steering Committee Meeting - 2025-06-25
Shane Coughlan
 
PPTX
OpenChain @ OSS NA - In From the Cold: Open Source as Part of Mainstream Soft...
Shane Coughlan
 
PDF
UITP Summit Meep Pitch may 2025 MaaS Rebooted
campoamor1
 
PDF
AOMEI Partition Assistant Crack 10.8.2 + WinPE Free Downlaod New Version 2025
bashirkhan333g
 
PDF
Technical-Careers-Roadmap-in-Software-Market.pdf
Hussein Ali
 
PDF
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
Dipole Tech Innovations – Global IT Solutions for Business Growth
dipoletechi3
 
Add Background Images to Charts in IBM SPSS Statistics Version 31.pdf
Version 1 Analytics
 
Home Care Tools: Benefits, features and more
Third Rock Techkno
 
The 5 Reasons for IT Maintenance - Arna Softech
Arna Softech
 
MiniTool Power Data Recovery 8.8 With Crack New Latest 2025
bashirkhan333g
 
Agentic Automation: Build & Deploy Your First UiPath Agent
klpathrudu
 
Agentic Automation Journey Series Day 2 – Prompt Engineering for UiPath Agents
klpathrudu
 
Foundations of Marketo Engage - Powering Campaigns with Marketo Personalization
bbedford2
 
Finding Your License Details in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
In From the Cold: Open Source as Part of Mainstream Software Asset Management
Shane Coughlan
 
4K Video Downloader Plus Pro Crack for MacOS New Download 2025
bashirkhan333g
 
Help for Correlations in IBM SPSS Statistics.pptx
Version 1 Analytics
 
Milwaukee Marketo User Group - Summer Road Trip: Mapping and Personalizing Yo...
bbedford2
 
Function & Procedure: Function Vs Procedure in PL/SQL
Shani Tiwari
 
Open Chain Q2 Steering Committee Meeting - 2025-06-25
Shane Coughlan
 
OpenChain @ OSS NA - In From the Cold: Open Source as Part of Mainstream Soft...
Shane Coughlan
 
UITP Summit Meep Pitch may 2025 MaaS Rebooted
campoamor1
 
AOMEI Partition Assistant Crack 10.8.2 + WinPE Free Downlaod New Version 2025
bashirkhan333g
 
Technical-Careers-Roadmap-in-Software-Market.pdf
Hussein Ali
 
Wondershare PDFelement Pro Crack for MacOS New Version Latest 2025
bashirkhan333g
 
Ad

chap01 - Introduction to JavaScript first.pptx

  • 1. INFT 305: Web Engineering and Application Department of Computer Science and Informatics January, 2023 Lecturer Dr. Peter Nimbe
  • 3. Introduction • JavaScript is an open-source and most popular client-side scripting language supported by all browsers. • JavaScript is mainly used for enhancing the interaction of the webpage with users by making it more lively and interactive. • It is also used for game development and mobile application development.
  • 5. JavaScript History • JavaScript was developed by Brendan Eich in 1995, which appeared in Netscape, a popular browser of that time. • The language was initially called LiveScript and was later renamed JavaScript. • There are many programmers who think that JavaScript and Java are the same. • In fact, JavaScript and Java are very much unrelated
  • 6. JavaScript History • Java is a very complex programming language whereas JavaScript is only a scripting language. • The syntax of JavaScript is mostly influenced by the programming language C.
  • 7. How to run JavaScript? • Being a scripting language, JavaScript cannot run on its own. • In fact, the browser is responsible for running JavaScript code. • When a user requests an HTML page with JavaScript in it, the script is sent to the browser and it is up to the browser to execute it. • The main advantage of JavaScript is that all modern web browsers support JavaScript. • So, you do not have to worry about whether your site visitor uses Internet Explorer, Google Chrome, Firefox or any other browser. JavaScript will be supported. • Also, JavaScript runs on any operating system including Windows, Linux or Mac. Thus, JavaScript overcomes the main disadvantages of VBScript (Now deprecated) which is limited to just IE and Windows.
  • 8. Tools You Need • To start with, you need a text editor to write your code and a browser to display the web pages you develop. • You can use a text editor of your choice including Notepad++, Visual Studio Code, Sublime Text, Atom or any other text editor you are comfortable with. • You can use any web browser including Google Chrome, Firefox, Microsoft Edge, Internet Explorer etc.
  • 9. A Simple JavaScript Program • You should place all your JavaScript code within <script> tags (<script> and </script>) if you are keeping your JavaScript code within the HTML document itself. • This helps your browser distinguish your JavaScript code from the rest of the code. • As there are other client-side scripting languages (Example: VBScript), it is highly recommended that you specify the scripting language you use. • You have to use the type attribute within the <script> tag and set its value to text/javascript like this:
  • 11. Hello World Example Note: type=“text/javascript” is not necessary in HTML5. Following code will work.
  • 12. Summary • JavaScript is a client-side scripting language developed by Brendan Eich. • JavaScript can be run on any operating systems and almost all web browsers. • You need a text editor to write JavaScript code and a browser to display your web page.