JavaScript Tabriz university 2009. Its September 1995.

40
JavaScript Tabriz university 2009

Transcript of JavaScript Tabriz university 2009. Its September 1995.

Page 1: JavaScript Tabriz university 2009. Its September 1995.

JavaScript

Tabriz university2009

Page 2: JavaScript Tabriz university 2009. Its September 1995.

Its September

1995

Page 3: JavaScript Tabriz university 2009. Its September 1995.

NetscapeVersion 2.0 of

browser is released.

Page 4: JavaScript Tabriz university 2009. Its September 1995.

Its first version to come with

the scripting language.

Page 5: JavaScript Tabriz university 2009. Its September 1995.

the name of the language was first

Mocha and then, when released,

LiveScript

Page 6: JavaScript Tabriz university 2009. Its September 1995.

In December of that year

Netscape made a marketing deal with

Sunand renamed the language to

Page 7: JavaScript Tabriz university 2009. Its September 1995.

JavaScript

Page 8: JavaScript Tabriz university 2009. Its September 1995.

What is JavaScript?

Page 9: JavaScript Tabriz university 2009. Its September 1995.

JavaScript is a client-side scripting language. If the browser supports the

language, JavaScript grants access to the current page and lets the

script determine properties of the client, redirect the user to

another page, access cookies, and do much more.

Page 10: JavaScript Tabriz university 2009. Its September 1995.

Microsoft included JavaScript support from Internet Explorer version 3 onward (mid-1996).

Page 11: JavaScript Tabriz university 2009. Its September 1995.

For legal reasons the language was called

JScript.

Page 12: JavaScript Tabriz university 2009. Its September 1995.

Microsoft started to include additional,

IE-only features to JScript.

Page 13: JavaScript Tabriz university 2009. Its September 1995.

In 1997, the standard

ECMAScript (ECMA-262) was published;

JavaScript is therefore the first implementation of that standard.

ECMAScript became an ISO norm in 1998.

ECMA: European Computer Manufacturers Association

Page 14: JavaScript Tabriz university 2009. Its September 1995.

Around 1997 or 1998, the browser war between Netscape and Microsoft reached a climax,

with both vendors adding new, incompatible functionality

to version 5 of their browsers.

Page 15: JavaScript Tabriz university 2009. Its September 1995.

Vs

Page 16: JavaScript Tabriz university 2009. Its September 1995.

Netscape scrapped the idea of releasing browser version 5 and decided to start all over with

Netscape 6,

which helped Internet Explorer to

expand its market share to over

90%.

Page 17: JavaScript Tabriz university 2009. Its September 1995.

It took the then-founded

Mozilla project several years to come to life again.

The very popular

Firefox browser was based on Mozilla and started to take market

share away from Microsoft.

Page 18: JavaScript Tabriz university 2009. Its September 1995.

Other browsers, by the way, support JavaScript as

well. Differences are subtle, but still can be extremely annoying when one is developing a

browser-agnostic web application.

Page 19: JavaScript Tabriz university 2009. Its September 1995.

Internet Explorer

Page 20: JavaScript Tabriz university 2009. Its September 1995.

Mozilla

• Firefox• Epiphany• Camino• Galeon

Page 21: JavaScript Tabriz university 2009. Its September 1995.

Opera

Page 22: JavaScript Tabriz university 2009. Its September 1995.

Konqueror

Page 23: JavaScript Tabriz university 2009. Its September 1995.

Safari

Page 24: JavaScript Tabriz university 2009. Its September 1995.

Java Vs JavaScript

Page 25: JavaScript Tabriz university 2009. Its September 1995.

Java

• 1991• Sun Microsystems.• Called Oak.

• 1995• Called Java.

Page 26: JavaScript Tabriz university 2009. Its September 1995.

Java

A simple, secure, portable, object oriented, robust, multi-threaded, architecture-neutral, interpreted, high performance, distributed and dynamic programming language.

Page 27: JavaScript Tabriz university 2009. Its September 1995.

Java Vs JavaScript

• JavaScript was developed by Netscape• Java was developed by Sun

Page 28: JavaScript Tabriz university 2009. Its September 1995.

Java Vs JavaScript

• JavaScript–Cannot draw, multi-thread, network or do I/O

• Java–Cannot interact with Browser or control content

Page 29: JavaScript Tabriz university 2009. Its September 1995.

Java Vs JavaScript

• JavaScript–Cannot draw, multi-thread, network or do I/O

• Java–Cannot interact with Browser or control content

Page 30: JavaScript Tabriz university 2009. Its September 1995.

JavaScript

• We’ll call collections of JavaScript code

scripts, not programs• JavaScript and Java are only related through

syntax• JavaScript’s support for objects is very

different

Page 31: JavaScript Tabriz university 2009. Its September 1995.

Object Orientation and JavaScript

• JavaScript is NOT an object oriented programming language:– Does not support class based inheritance– Cannot support polymorphism

Page 32: JavaScript Tabriz university 2009. Its September 1995.

Object Orientation and JavaScript

• JavaScript objects are collections of properties, which are like the members of classes in Java and C++

Page 33: JavaScript Tabriz university 2009. Its September 1995.

What is it used for today?

• Handling User Interaction:– Checking for accuracy and appropriateness of

data entry from forms– Doing small calculations/manipulations of forms

input data– Save data as cookie so it is there upon visiting the

page• Reduce web server processing load • Reduce delay when users’ input is wrong

Page 34: JavaScript Tabriz university 2009. Its September 1995.

• Generating Dynamic HTML documents• Controlling applets and calling Java from

JavaScript• Accessing JavaScript from Java• Allow further capabilities together with other

technologies:– DHTML ( Dynamic HTML)– AJAX (Asynchronous JavaScript and XML)

Page 35: JavaScript Tabriz university 2009. Its September 1995.

Language Basics

Page 36: JavaScript Tabriz university 2009. Its September 1995.

JavaScript in HTML

• directly, as in<script type = “text/javaScript">

JavaScript script –</script>

• Or indirectly, as a file specified in the src attribute of <script>, as in

<script type = "text/javaScript"src = "myScript.js">

</script>

Page 37: JavaScript Tabriz university 2009. Its September 1995.

Example

<HTML> <BODY> <SCRIPT TYPE=“text/javascript”> <!--

// this is a comment

document.write(“Hello World!!”); alert(“Done!”) // --> </SCRIPT> </BODY></HTML>

Page 38: JavaScript Tabriz university 2009. Its September 1995.

Syntax

• Variables• Functions• Objects• …

• Syntax based on C/C++/Java• Case Sensitive

Page 39: JavaScript Tabriz university 2009. Its September 1995.

I need JS code

WRITE

STEAL

Page 40: JavaScript Tabriz university 2009. Its September 1995.

References:

• JavaScript™ Phrasebook: Essential Code and Commands– By Christian Wenz– Sams