JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programming Tutorial | Edureka

Agenda
What is JavaScript? Why learn JavaScript? JavaScript Fundamentals

What is JavaScript?
Web pages more interactive
Interpreted language
Interpreter
Runs on the client’s computer
JavaScript is a scripting language that allows you to implement complex things on web
pages.

What Can JavaScript do?
Web application
Website
Games
Smart watches

JavaScript Framework
AngularJS
ReactJS
Meteor
jQuery

The Big Picture – HTML, CSS & JavaScript
HTML CSS JavaScript

Top Websites Built Using JavaScript

Benefits Of JavaScript
Easy-peezy
Easy to learn Speed

Benefits of JavaScript
Provides rich framework
Makes web pages more
interactive

Benefits Of JavaScript
No compilation needed Platform Independent

Variables
Memory location
Variable name
Variable is a name given to a memory location which acts as a container for storing data.
Syntax:
1 let age;
2 age = 22;

Constants
Constants are fixed values that do not change during execution time.
Syntax:
1
2
const mybirthday;
mybirthday = ‘03.08.1996’ ;
Examples of constants

Primitive Data Types
Strings Boolean
TRUE
FALSE
Numbers
Null Undefined

Reference Data Types - Objects
An object is a standalone entity, with properties and type.
Syntax:
1 let object1 = { };
Name
Age
Eye-colour

Reference Data Types - Arrays
0 1 2 3 4
An array is a data structure that contains a list of elements. These elements are all of the
same data type, such as an integer or string.
Syntax:
1
2
let arr[ ];
let arr = new Array( ) ;

Reference Data Types - Functions
A function is a block of organized, reusable code that is used to perform a single, related action.
Functions
Predefined
Functions
User Defined
Functions
Syntax:
1
2
3
function greetings( ) {
alert(‘ Hello everyone! ‘);
}
name of the function
enter parameters here

Conditional Statements
Conditional statement is a set of rules performed if a certain condition is met. It is like an
‘If-Then’ statement. (IF a condition is met, THEN an action is performed)
If Statement
If code
End
Start
True
Condition
False
Exit
Syntax:
1
2
3
if(condition) {
statement;
}

Conditional Statements
Conditional statement is a set of rules performed if a certain condition is met. It is like an
‘If-Then’ statement. (IF a condition is met, THEN an action is performed)
Else If Statement
If code
End
Start
True
Condition
False
Else if code
Syntax:
1
2
3
4
5
6
if(condition) {
statement a;
}
else (condition) {
statement b;
}

Loops
Loops are used to repeat a specific block until some end condition is met.
Loops
do whilewhilefor
Start
Conditional Code
Condition
False
True
End loop

While Loop
While the condition is true, the code within the loop is executed.
Start
Conditional Code
End
True
False
Condition
While loop
Syntax:
1
2
3
while(condition) {
loop code;
}

Do While Loop
This loop will first execute the code, then check the condition and while
the condition holds true, execute repeatedly.
Start
Conditional Code
End
True
False
Condition
Do while loop
Syntax:
1
2
3
4
do {
loop code;
}
while(condition);

For Loop
Repeatedly executes the loop code while a given condition is TRUE. It
tests the condition before executing the loop body.
For loop
Start
Execute Statement (s)
End
Next item from
sequence
If no more itemsItem from
sequenceSyntax:
1
2
3
for(begin; condition; step) {
loop code;
}

Switch Case
The switch statement is used to perform
different actions based on different
conditions.
Syntax:
1
2
3
4
5
6
7
8
9
10
switch(expression) {
case 1 :
code block 1
break;
case 2 :
code block 2
break;
default :
code block 3
}
Start
Switch expression
End
Case 1
Case 2
Default
Code block 1
break;
Code block 2
break;
Default statement
False
False

JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programming Tutorial | Edureka

JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programming Tutorial | Edureka

In this document

More Related Content

What's hot

Similar to JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programming Tutorial | Edureka

More from Edureka!

Recently uploaded

JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programming Tutorial | Edureka