Empowerment Technologies Lecture 11 (Philippines SHS)

EMPOWERMENT
TECHNOLOGIES
Rich content in the online environment and the user experience
Multimedia and Interactivity
Web 2.0, Web 3.0 and user participation in the web

What is Active Scripting?
Active Scripting is a simple interpreted
programming language. It is usually embedded as
plain text and is interpreted by application.
(***Note: Active Scripting does not need a compiler
or development environment. ***)

What is Javascript?
 JavaScript is a programming language that sits in
the HTML code of a Web page.
(***Note: JavaScript is NOT an industrial-strength
language like C++, Java or Perl that is use to
program Web servers. Rather, JavaScript is used to
perform simple functions within Web pages. ***)

Brief Overview of the History of
JavaScript
 JavaScript is recognized as the first web scripting
language.
 Developed by Brendan Eich at Netscape
Communications in 1995 (Netscape Navigator
(now reincarnated as Mozilla Firefox)
 JavaScript’s original name is Mocha.

Applications you need when using Javascript
 Text Editor
 Web Browser

Three languages all web developers must
learn:
1. HTML to define the content of web pages
2. CSS to specify the layout of web pages
3. JavaScript to program the behavior of web pages

What can JavaScript do?
 Build dynamic webpages
 Create interactive forms
 Validate information that surfer inputs into a form
 Respond to events such as a mouse cursor rollover
 Developing some animation effects
 Control the web browser

(***Note: JavaScript code needs to be written in
the HTML documents. Because of this, you need
to determine how the browsers will classify
JavaScript from HTML codes.***)

JavaScript Interpreter
 Is the part of the browser that understands
JavaScript and can execute the steps of a
JavaScript program.

Rendering Engine
Is the of the web browser that understands HTML,
CSS and JavaScript. Basically, the Rendering engine
converts the scripting languages into a visual display
on the screen.

Ways to add JavaScript to your HTML
Document
1. Inline JavaScript – inserting the script into the
HTML document.
2. External JavaScript – calling external JavaScript
file into the HTML document.

1. <!DOCTYPE html>
<html>
<head>
<title> Number 1 </title>
</head>
<body>
<script>
alert("I am Your Name!");
</script>
</body>
</html>

2. <!DOCTYPE html>
<html>
<head><title> Number 2 </title></head>
<body>
<p> Abra Kadabra!<br></p>
<script>
document.write(“My name is Your Name!");
document.write(“<br> I will not copy my
classmates work!”);
</script>
</body>
</html>

3. <!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
confirm(“My name is Your Name");
</script>
</body>
</html>

4. <!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
var person = prompt("Please enter your name",
“Your Name");
</script>
</body>
</html>

Empowerment Technologies Lecture 11 (Philippines SHS)

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Empowerment Technologies Lecture 11 (Philippines SHS)

Similar to Empowerment Technologies Lecture 11 (Philippines SHS) (20)

More from John Bosco Javellana, MAEd.

More from John Bosco Javellana, MAEd. (12)

Recently uploaded

Recently uploaded (20)

Empowerment Technologies Lecture 11 (Philippines SHS)