JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programming Tutorial | Edureka
Agenda
What is JavaScript? Why learn JavaScript? JavaScript Fundamentals
Introduction To JavaScript
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.
JavaScript Stats
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
JavaScript
Fundamentals
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

More Related Content

PPTX
Javascript 101
PPTX
Convolutional Neural Network and Its Applications
PPT
Introduction to JavaScript
PPT
Chapter 1 Introduction (Data Communication by Forouzan)
PDF
Convolutional neural network
PDF
Basics of JavaScript
PDF
Javascript basics
PPT
Array in c
Javascript 101
Convolutional Neural Network and Its Applications
Introduction to JavaScript
Chapter 1 Introduction (Data Communication by Forouzan)
Convolutional neural network
Basics of JavaScript
Javascript basics
Array in c

What's hot (20)

PPTX
JavaScript Basic
PPTX
Java script
PDF
Javascript
PPTX
Java script
PPT
Javascript
PDF
JavaScript Programming
PDF
Introduction to web programming with JavaScript
PPTX
Lab #2: Introduction to Javascript
PPT
Java Script ppt
PDF
jQuery for beginners
PPTX
Java script
PDF
Javascript essentials
PPTX
Introduction to JavaScript Basics.
PPT
Introduction to Cascading Style Sheets (CSS)
PDF
JavaScript - Chapter 6 - Basic Functions
PPSX
Javascript variables and datatypes
PDF
JavaScript - Chapter 8 - Objects
PPT
Javascript
JavaScript Basic
Java script
Javascript
Java script
Javascript
JavaScript Programming
Introduction to web programming with JavaScript
Lab #2: Introduction to Javascript
Java Script ppt
jQuery for beginners
Java script
Javascript essentials
Introduction to JavaScript Basics.
Introduction to Cascading Style Sheets (CSS)
JavaScript - Chapter 6 - Basic Functions
Javascript variables and datatypes
JavaScript - Chapter 8 - Objects
Javascript
Ad

Similar to JavaScript Tutorial For Beginners | JavaScript Training | JavaScript Programming Tutorial | Edureka (20)

PPT
Javascript sivasoft
PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
PPTX
JAVA in Artificial intelligent
PPTX
java in Aartificial intelligent by virat andodariya
PDF
JavaScript Interview Questions PDF By ScholarHat
PPTX
Bansal presentation (1).pptx
PPTX
web presentation 138.pptx
PPTX
Control Structure in JavaScript (1).pptx
PPTX
JavaScript, VBScript, AJAX, CGI
PPTX
Web technologies-course 12.pptx
PPTX
JavaScript Basics
PPTX
JavaScript Conditional Statements
PDF
Java
PPT
JDBC – Java Database Connectivity
KEY
Architecting single-page front-end apps
PPTX
Java script basics
PDF
Java 17
ODP
Can't Dance The Lambda
PPSX
DIWE - Programming with JavaScript
PPTX
Karate for Complex Web-Service API Testing by Peter Thomas
Javascript sivasoft
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
JAVA in Artificial intelligent
java in Aartificial intelligent by virat andodariya
JavaScript Interview Questions PDF By ScholarHat
Bansal presentation (1).pptx
web presentation 138.pptx
Control Structure in JavaScript (1).pptx
JavaScript, VBScript, AJAX, CGI
Web technologies-course 12.pptx
JavaScript Basics
JavaScript Conditional Statements
Java
JDBC – Java Database Connectivity
Architecting single-page front-end apps
Java script basics
Java 17
Can't Dance The Lambda
DIWE - Programming with JavaScript
Karate for Complex Web-Service API Testing by Peter Thomas
Ad

More from Edureka! (20)

PDF
What to learn during the 21 days Lockdown | Edureka
PDF
Top 10 Dying Programming Languages in 2020 | Edureka
PDF
Top 5 Trending Business Intelligence Tools | Edureka
PDF
Tableau Tutorial for Data Science | Edureka
PDF
Python Programming Tutorial | Edureka
PDF
Top 5 PMP Certifications | Edureka
PDF
Top Maven Interview Questions in 2020 | Edureka
PDF
Linux Mint Tutorial | Edureka
PDF
How to Deploy Java Web App in AWS| Edureka
PDF
Importance of Digital Marketing | Edureka
PDF
RPA in 2020 | Edureka
PDF
Email Notifications in Jenkins | Edureka
PDF
EA Algorithm in Machine Learning | Edureka
PDF
Cognitive AI Tutorial | Edureka
PDF
AWS Cloud Practitioner Tutorial | Edureka
PDF
Blue Prism Top Interview Questions | Edureka
PDF
Big Data on AWS Tutorial | Edureka
PDF
A star algorithm | A* Algorithm in Artificial Intelligence | Edureka
PDF
Kubernetes Installation on Ubuntu | Edureka
PDF
Introduction to DevOps | Edureka
What to learn during the 21 days Lockdown | Edureka
Top 10 Dying Programming Languages in 2020 | Edureka
Top 5 Trending Business Intelligence Tools | Edureka
Tableau Tutorial for Data Science | Edureka
Python Programming Tutorial | Edureka
Top 5 PMP Certifications | Edureka
Top Maven Interview Questions in 2020 | Edureka
Linux Mint Tutorial | Edureka
How to Deploy Java Web App in AWS| Edureka
Importance of Digital Marketing | Edureka
RPA in 2020 | Edureka
Email Notifications in Jenkins | Edureka
EA Algorithm in Machine Learning | Edureka
Cognitive AI Tutorial | Edureka
AWS Cloud Practitioner Tutorial | Edureka
Blue Prism Top Interview Questions | Edureka
Big Data on AWS Tutorial | Edureka
A star algorithm | A* Algorithm in Artificial Intelligence | Edureka
Kubernetes Installation on Ubuntu | Edureka
Introduction to DevOps | Edureka

Recently uploaded (20)

PDF
Ensemble model-based arrhythmia classification with local interpretable model...
PDF
giants, standing on the shoulders of - by Daniel Stenberg
PPTX
Presentation - Principles of Instructional Design.pptx
PDF
Planning-an-Audit-A-How-To-Guide-Checklist-WP.pdf
PDF
Co-training pseudo-labeling for text classification with support vector machi...
PPTX
Internet of Everything -Basic concepts details
PDF
5-Ways-AI-is-Revolutionizing-Telecom-Quality-Engineering.pdf
PDF
NewMind AI Weekly Chronicles – August ’25 Week IV
PDF
CXOs-Are-you-still-doing-manual-DevOps-in-the-age-of-AI.pdf
PDF
ment.tech-Siri Delay Opens AI Startup Opportunity in 2025.pdf
PDF
MENA-ECEONOMIC-CONTEXT-VC MENA-ECEONOMIC
PDF
Examining Bias in AI Generated News Content.pdf
PPTX
Build automations faster and more reliably with UiPath ScreenPlay
PDF
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
PDF
CEH Module 2 Footprinting CEH V13, concepts
PDF
Connector Corner: Transform Unstructured Documents with Agentic Automation
PDF
Human Computer Interaction Miterm Lesson
PDF
Transform-Your-Supply-Chain-with-AI-Driven-Quality-Engineering.pdf
PDF
EIS-Webinar-Regulated-Industries-2025-08.pdf
PDF
Early detection and classification of bone marrow changes in lumbar vertebrae...
Ensemble model-based arrhythmia classification with local interpretable model...
giants, standing on the shoulders of - by Daniel Stenberg
Presentation - Principles of Instructional Design.pptx
Planning-an-Audit-A-How-To-Guide-Checklist-WP.pdf
Co-training pseudo-labeling for text classification with support vector machi...
Internet of Everything -Basic concepts details
5-Ways-AI-is-Revolutionizing-Telecom-Quality-Engineering.pdf
NewMind AI Weekly Chronicles – August ’25 Week IV
CXOs-Are-you-still-doing-manual-DevOps-in-the-age-of-AI.pdf
ment.tech-Siri Delay Opens AI Startup Opportunity in 2025.pdf
MENA-ECEONOMIC-CONTEXT-VC MENA-ECEONOMIC
Examining Bias in AI Generated News Content.pdf
Build automations faster and more reliably with UiPath ScreenPlay
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
CEH Module 2 Footprinting CEH V13, concepts
Connector Corner: Transform Unstructured Documents with Agentic Automation
Human Computer Interaction Miterm Lesson
Transform-Your-Supply-Chain-with-AI-Driven-Quality-Engineering.pdf
EIS-Webinar-Regulated-Industries-2025-08.pdf
Early detection and classification of bone marrow changes in lumbar vertebrae...

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

  • 2. Agenda What is JavaScript? Why learn JavaScript? JavaScript Fundamentals
  • 4. 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.
  • 6. What Can JavaScript do? Web application Website Games Smart watches
  • 8. The Big Picture – HTML, CSS & JavaScript HTML CSS JavaScript
  • 9. Top Websites Built Using JavaScript
  • 11. Benefits of JavaScript Provides rich framework Makes web pages more interactive
  • 12. Benefits Of JavaScript No compilation needed Platform Independent
  • 14. 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;
  • 15. Constants Constants are fixed values that do not change during execution time. Syntax: 1 2 const mybirthday; mybirthday = ‘03.08.1996’ ; Examples of constants
  • 16. Primitive Data Types Strings Boolean TRUE FALSE Numbers Null Undefined
  • 17. Reference Data Types - Objects An object is a standalone entity, with properties and type. Syntax: 1 let object1 = { }; Name Age Eye-colour
  • 18. 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( ) ;
  • 19. 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
  • 20. 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; }
  • 21. 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; }
  • 22. 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
  • 23. 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; }
  • 24. 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);
  • 25. 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; }
  • 26. 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