SlideShare a Scribd company logo
Copyright © 2017, edureka and/or its affiliates. All rights reserved.
www.edureka.co
ORIGIN OF JAVASCRIPT
WHAT IS JAVASCRIPT?
WHAT CAN JAVASCRIPT DO?
JAVASCRIPT FRAMEWORKS
HTML VS CSS VS JAVASCRIPT
BENEFITS OF JAVASCRIPT
JAVASCRIPT FUNDAMENTALS
www.edureka.co
Netscape Communications had the vision that the web needed a way to become more dynamic.
Animations, interaction and other forms of small automation should be part of the web of the future.
www.edureka.co
This is when Brendan Eich, father of JavaScript, came into the picture. Eich
was contracted by Netscape Communications to develop a "Scheme for the
browser".
www.edureka.co
The idea at the time was that Java was not suited for the type of audience that would consume
Mocha: scripters, amateurs, designers. Java was just too big for the role.
www.edureka.co
www.edureka.co
The idea at the time was that Java was not suited for the type of audience that would consume
Mocha: scripters, amateurs, designers. Java was just too big for the role.
The web needed something easy to grasp syntactically, dynamic, to reduce verbosity and speed up
development, and powerful.
www.edureka.co
www.edureka.co
www.edureka.co
JavaScript is a high level, interpreted,
programming language used to make web
pages more interactive. It let’s you implement
complex and beautiful things/design on web
pages.
www.edureka.co
JavaScript is a high level, interpreted,
programming language used to make web
pages more interactive. It let’s you implement
complex and beautiful things/design on web
pages.
www.edureka.co
JavaScript has nothing to do with Java. Then why is it called “Java” Script?
ScriptingLanguage&notJAVA!
www.edureka.co
It supports polymorphism, encapsulation and to some extent inheritance as well.
Object-basedScriptingLanguage
www.edureka.co
JavaScript can execute not only in the browser but also on the server and any device which has a
JavaScript Engine.
JavaScriptrunsinaBrowser
www.edureka.co
www.edureka.co
www.edureka.co
www.edureka.co
Web Application Smart Watches Games Website
www.edureka.co
www.edureka.co
www.edureka.co
www.edureka.co
www.edureka.co
www.edureka.co
Easy-peezy
BENEFITS OF
JAVASCRIPT
www.edureka.co
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
Memory location
Variable name
Syntax:
1 let age;
2 age = 22;
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
Syntax:
1
2
const mybirthday;
mybirthday = ‘03.08.1996’ ;
Examples of constants
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
Strings
Boolean
TRUE
FALSE
Numbers
NullUndefined
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
Name
Age
Eye-colour
Syntax:
1 let object1 = { };
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
0 1 2 3 4
Syntax:
1
2
let arr[ ];
let arr = new Array( ) ;
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
Functions
Predefined
Functions
User Defined Functions
Syntax:
1
2
3
function greetings( ) {
alert(‘ Hello everyone! ‘);
}
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
If code
End
Start
True
Condition
False
Exit
Syntax:
1
2
3
if(condition) {
statement;
}
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
Loops
do whilewhilefor
www.edureka.co
JAVASCRIPT FUNDAMENTALS
Variables
Constants
Data Types
Objects
Arrays
Functions
Conditional Statements
Loops
Switch Case
Start
Switch expression
End
Case 1
Case 2
Default
Code block 1
break;
Code block 2
break;
Default statement
False
False
Copyright © 2017, edureka and/or its affiliates. All rights reserved.
www.edureka.co
www.edureka.co

More Related Content

What is JavaScript? Edureka