JavaScript was introduced in 1995 as LiveScript by Netscape and renamed JavaScript by Netscape Navigator 2. It is an interpreted, object-based programming language that is executed client-side in web browsers. JavaScript can be used to create interactive effects within web pages like validating forms or modifying elements. It has advantages like being embedded within HTML, having minimal syntax, and being easy to debug and test.
2. Brief History
2
December 4, 1995 Netscape and Sun
introduced JavaScript 1.0, called LiveScript.
Netscape Navigator 2
LiveScript JavaScript
Microsoft joins in with IE 3 called it Jscript.
Prof. Ashish Bhatia
3. What is JavaScript
3
Interpreted Language
Object-Based
Cross Platform
Loosely Typed
Multi Use Language
Client Side interpreted.
Prof. Ashish Bhatia
4. Advantage of JavaScript
4
An Interpreted Language
Embedded within HTML
Minimal Syntax Easy to learn
Quick Development
Design for Simple, Small Programs
Performance
Procedural Capabilities
Designed for Programming User Events
Prof. Ashish Bhatia
5. Advantage of JavaScript
5
Easy Debugging and Testing
Platform Independence / Architectural
Neutral
Prof. Ashish Bhatia
6. How to add JS in HTML
6
<script language=javascript>
Java Script Code
</script>
Prof. Ashish Bhatia
7. Data Type
7
4 primitive data types
Number
Integer, Floating Number, NaN
Boolean
True and false [ 1 and 0 ]**
String
Null
A null , empty or nonexistent reference
Complex Types like array and objects
Prof. Ashish Bhatia
8. Creating Variables and Array
8
var <variable name> = value;
arrayName = new Array();
arrayName = new Array(length);
Index starts with 0
join() and reverse()
length
Prof. Ashish Bhatia
9. Variable Name
9
Can Begin with
A to Z
a to z
_
$
Case Sensitive
variableName
Prof. Ashish Bhatia
11. Ternary Operator
11
Condition ? Value 1 : value 2
Special Operator
delete : Delete property of an object or an
element at an array index
new : Create an instance of an Object type
void : Does not return a value.
Prof. Ashish Bhatia
12. Programming Constructs
12
Assignment x = x+y;
Data declaration var x = 5;
If
Switch
While
For
Do while
Label LabelName: Statement
Prof. Ashish Bhatia
13. Programming Constructs
13
break
continue
function call x = abs(y);
return
with with(Math){ }
delete delete a[5]
Method Invocation document.write(Hello);
Prof. Ashish Bhatia
14. Functions in JavaScript
14
Built-in Function
eval()
paresInt(), parseFloat()
User Defined Function
function function_name(parameter1,
parameter2..)
{
block of JavaScript Code
}
Prof. Ashish Bhatia
15. Dialog Boxes
15
Alert
Used to display a small textual output with ok
button.
Prompt
Displays a predefined message
Displays a text box and accepts user input
Display ok and cancel button
Ok text from text box is passed to the program
environment
Cancel passes NULL value to the program
environment.
Prof. Ashish Bhatia
16. Dialog Boxes
16
Confirm
Predefinedmessage
OK and Cancel button
OK passes TRUE to the program
Cancel passes FALSE to the program
Prof. Ashish Bhatia