SlideShare a Scribd company logo
2
Content
i. What is JavaScript?
ii. Use of JavaScript?
iii. Features of JavaScript
Popups
Variable
Scopes
Function
iv. DATATYPE in JavaScript
Number
String
Undefined
Boolean
Null
v. Operators in JavaScript
Assignment Operator
Equality Operator
Strict Equality Operators
Most read
3
What is JavaScript?
JavaScript is scripting/programming language. File
Extension of JavaScript is ".js”. This extension can be catched
by a number of applications including Windows Script Host,
Dreamweaver MX, Notepad, Netscape Navigator, PavScrip,
UltraEdit.
JavaScript is also considered as "assembly language of the
web". JavaScript is totally user based. It is does not store any
in-built data or function.
JavaScript is object oriented. We can also create small objects
with help of basic JavaScript.
Most read
9
FUNCTION:
A function is a group of reusable code which enables a
programmer to create a code that is in better
organization and execution and which can be called
anywhere in your program. In short function eliminates
the repetitive writing of same codes.
Function helps a programmer to divide a big program
into a number of small chunks of program and also
helps in managing functions easily & effectively.
The most common way to define a function in JavaScript
is by using the keyword “function”.
Most read
JavaScript Basics
ADMEC MULTIMEDIA
Leader in Animation & Digital Media Education
ISO 9001:2008 CERTIFIED | ADOBE Testing Center
www.admecindia.co.in
Content
i. What is JavaScript?
ii. Use of JavaScript?
iii. Features of JavaScript
Popups
Variable
Scopes
Function
iv. DATATYPE in JavaScript
Number
String
Undefined
Boolean
Null
v. Operators in JavaScript
Assignment Operator
Equality Operator
Strict Equality Operators
What is JavaScript?
JavaScript is scripting/programming language. File
Extension of JavaScript is ".js”. This extension can be catched
by a number of applications including Windows Script Host,
Dreamweaver MX, Notepad, Netscape Navigator, PavScrip,
UltraEdit.
JavaScript is also considered as "assembly language of the
web". JavaScript is totally user based. It is does not store any
in-built data or function.
JavaScript is object oriented. We can also create small objects
with help of basic JavaScript.
Use of JavaScript?
JavaScript is also used to make websites rich and
dynamic. Almost every website have JavaScript used in
it. It tells how JavaScript important for us.
There are plenty of websites and applications which are
using JavaScript such as: Gmail, Google, YouTube,
Yahoo, LinkedIn, Twitter, Facebook etc...
Features of JavaScript
POPUPS
Popup is additional display box/window surprisingly
comes over web browser with information & notice.
• Alert: Is any notice to the viewer & provide only
option to "OK" after reading.
Example:
alert('welcome to js');
• Confirm: It is useful to display any of information/
message to viewer which let them decide for
accepting & rejecting information with option of
"OK" & "CANCEL“
Example:
confirm('Are u sure to visit this page?');
• Prompt: Take input (info/text/massage/name--
alphabetic value) from Viewers.
Example:
prompt('Enter ur name plz');
VARIABLE:
Variable is a kind of container with limited space where
we can put value (Numeric, String, Boolean [true/false],
objects etc) just for one time if we try to put 2nd value
1st will automatically eliminate. Variable can be
identified with unique names.
Variable are restricted with some special characters
(symbols) like we can only use underscore (_), dollar ($)
and Alpha Numeric character.
The right way to write variables
var myNum = 45;
var my_num = 55;
var num1 = 11;
var num = 78
SCOPES:
Scope is set of Variable, objects and Function you can
use. (Local & Global)
Maintain accessibility through variable & function.
There are 2 Variable used: Local Variable & Global
Variable
In Local Scope, Variable is declared within the Function
whereas Global Scope, Variable is Declared Outside the
function.
Data remain secure if we used local Variable.
FUNCTION:
A function is a group of reusable code which enables a
programmer to create a code that is in better
organization and execution and which can be called
anywhere in your program. In short function eliminates
the repetitive writing of same codes.
Function helps a programmer to divide a big program
into a number of small chunks of program and also
helps in managing functions easily & effectively.
The most common way to define a function in JavaScript
is by using the keyword “function”.
Syntax of function:
function main() //head of the function, these brackets () are
called parenthesis
{
//body of the function
}
Types of function: Named Function & Anonymous Function
Examples:
Named function:
function main()
{
}
Note: declared a 'main' function. The name of the function is
'main'.
Unnamed function:
var main = function ()
{
}
Note: Declared an unnamed function and at the same time
assigned to a variable 'main'. You can't declare a function
without the name so you need to store that in a variable. This
type of declaring method of function known as 'closure' in
JavaScript.
DATATYPE in JavaScript
There 5 Primitive Datatypes given below:
Number:
 A JavaScript programmer all the time have to deal with
numbers. It is a value and we use it in various operations in
the application or website. Some times you can't get the
expected result and either your program gets broken or
filled with errors because of non-numeric types of values.
 JavaScript offers main 3 functions to convert any of the
value to number.
 Numbers can be written with or without decimals.
Example:
var num = 10.25;
1. alert(Number(num)); //10.25
2. alert(parseInt(num)); //10
3. alert(parseFloat(num)); //10.25
String:
 String (value) is used to represent text related data. String
is also a set of “element” of 16-bit unsigned integer value
which start from the first element is ZERO and the next is
ONE and so on at index.
 We can use string literals in scripts by enclosing them in
single or double quotation marks e.g. (‘ ’, “ ”).
Example:
Single Quotation Mark
alert('you clicked on CANCEL');
Double Quotation Mark
alert("you clicked on "OK"");
Note: In JavaScript, does not have a type to represent a single
character. To represent a single character in JavaScript, we
have to create a string that contain only single character. A
string that contains empty string or zero characters ("") is an
empty or string with zero-length.
String(value) function can be used to convert any value to
string datatype.
Undefined:
Undefined is a variable which doesn’t have any defined value.
Example:
var num; // contains no value
alert(num);// will get undefined
Boolean:
Boolean have two values i.e. “true or false” or 1 or 0 and are
logical representative.
Example:
if(confirm('Are you sure to leave this page')){
//you will be redirected to the following URL if above condition is true
means if someone clicks on the OK button
window.location.href = 'http://www.admecindia.co.in';
}else{
//nothing will happen if someone clicks on CANCEL button as you
will receive false as the result
return false;
}
Note: In above example you either get True or False depends on
the button you clicked means you are getting a Boolean value.
Null:
Null is exactly having single value when Null is defined or
nothing. Null is considered as an object in JavaScript.
var my_value = null;
alert(my_value * 20); //0
Note:
1. null gets converted to the false boolean value and i.e. 0 too
2. null and 'null' both are different terms completely
3. null can be used when you want to reset a variable or want
to store nothing
NOTE
There are 2 other datatypes considered according to
ECMAScript standard.
Symbol: symbol as in primitive datatype which are unique
and unchangeable. In some programming language they are
also called “atoms”.
Object: object data type refers to the structure consist of data
& information for working with the data.
Operators in JavaScript
Types of Operators:
 Assignment Operator: The equal sign (=) is called
“Assignment” Operators.
 Equality Operator: when double the equal sign (==) is
called “Equality” Operator. Is also called comparison
Operator.
 Strict Equality Operators: when Triple the equal sign
(===) is called “Strict Equality” Operator. Is also called
comparison Operator.
Remark
These are just the basics of JavaScript and all
these topics play a vital role when you create
something using JavaScript.
As much you are familiar with these basics more
you would be strong in JavaScript.
Contact Us:
ADMEC MULTIMEDIA INSTITUTE
C-7/114, IInd Floor, Sector- 7, Rohini, Delhi- 85
Landmark: Near Rohini East Metro Station
Helpline 1: +91 9811 818 122
Helpline 2: +91 9911 782 350
ADMEC MULTIMEDIA
Leader in Animation & Digital Media Education
ISO 9001:2008 CERTIFIED | ADOBE Testing Center
ADMEC MULTIMEDIA INSTITUTE
For More information you can visit :
http://www.admecindia.co.in

More Related Content

What's hot (20)

Html Ppt
Html PptHtml Ppt
Html Ppt
vijayanit
 
An Introduction to the DOM
An Introduction to the DOMAn Introduction to the DOM
An Introduction to the DOM
Mindy McAdams
 
Front End Development | Introduction
Front End Development | IntroductionFront End Development | Introduction
Front End Development | Introduction
JohnTaieb
 
Javascript basics
Javascript basicsJavascript basics
Javascript basics
shreesenthil
 
CSS Unit I - Basics of JavaScript Programming
CSS Unit I - Basics of JavaScript ProgrammingCSS Unit I - Basics of JavaScript Programming
CSS Unit I - Basics of JavaScript Programming
RahulTamkhane
 
Introduction to Javascript
Introduction to JavascriptIntroduction to Javascript
Introduction to Javascript
ambuj pathak
 
Angular modules in depth
Angular modules in depthAngular modules in depth
Angular modules in depth
Christoffer Noring
 
Javascript
JavascriptJavascript
Javascript
Momentum Design Lab
 
Angular js PPT
Angular js PPTAngular js PPT
Angular js PPT
Imtiyaz Ahmad Khan
 
Best coding practices
Best coding practicesBest coding practices
Best coding practices
baabtra.com - No. 1 supplier of quality freshers
 
Js ppt
Js pptJs ppt
Js ppt
Rakhi Thota
 
introduction to visual basic PPT.pptx
introduction to visual basic PPT.pptxintroduction to visual basic PPT.pptx
introduction to visual basic PPT.pptx
classall
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introduction
shaojung
 
JavaScript - Chapter 3 - Introduction
 JavaScript - Chapter 3 - Introduction JavaScript - Chapter 3 - Introduction
JavaScript - Chapter 3 - Introduction
WebStackAcademy
 
Javascript
JavascriptJavascript
Javascript
mussawir20
 
Introduction to html
Introduction to htmlIntroduction to html
Introduction to html
veena parihar
 
Introduction to Web Development
Introduction to Web DevelopmentIntroduction to Web Development
Introduction to Web Development
Parvez Mahbub
 
Dom
Dom Dom
Dom
Surinder Kaur
 
Java script
Java scriptJava script
Java script
Sadeek Mohammed
 
Gradle Introduction
Gradle IntroductionGradle Introduction
Gradle Introduction
Dmitry Buzdin
 

Viewers also liked (10)

Loops in java script
Loops in java scriptLoops in java script
Loops in java script
Ravi Bhadauria
 
Advanced Object-Oriented JavaScript
Advanced Object-Oriented JavaScriptAdvanced Object-Oriented JavaScript
Advanced Object-Oriented JavaScript
ecker
 
Form Validation in JavaScript
Form Validation in JavaScriptForm Validation in JavaScript
Form Validation in JavaScript
Ravi Bhadauria
 
Javascript - Numbers
Javascript   - NumbersJavascript   - Numbers
Javascript - Numbers
Samuel Santos
 
JavaScript
JavaScriptJavaScript
JavaScript
Sunil OS
 
Design patterns in java script, jquery, angularjs
Design patterns in java script, jquery, angularjsDesign patterns in java script, jquery, angularjs
Design patterns in java script, jquery, angularjs
Ravi Bhadauria
 
Responsive web design - tips & tricks
Responsive web design - tips & tricksResponsive web design - tips & tricks
Responsive web design - tips & tricks
Ravi Bhadauria
 
Differentiate illustrator n coreldraw
Differentiate illustrator n coreldrawDifferentiate illustrator n coreldraw
Differentiate illustrator n coreldraw
Ravi Bhadauria
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Ravi Bhadauria
 
Video Conferencing Ppt
Video Conferencing PptVideo Conferencing Ppt
Video Conferencing Ppt
JAGJITSINGH25
 
Advanced Object-Oriented JavaScript
Advanced Object-Oriented JavaScriptAdvanced Object-Oriented JavaScript
Advanced Object-Oriented JavaScript
ecker
 
Form Validation in JavaScript
Form Validation in JavaScriptForm Validation in JavaScript
Form Validation in JavaScript
Ravi Bhadauria
 
Javascript - Numbers
Javascript   - NumbersJavascript   - Numbers
Javascript - Numbers
Samuel Santos
 
JavaScript
JavaScriptJavaScript
JavaScript
Sunil OS
 
Design patterns in java script, jquery, angularjs
Design patterns in java script, jquery, angularjsDesign patterns in java script, jquery, angularjs
Design patterns in java script, jquery, angularjs
Ravi Bhadauria
 
Responsive web design - tips & tricks
Responsive web design - tips & tricksResponsive web design - tips & tricks
Responsive web design - tips & tricks
Ravi Bhadauria
 
Differentiate illustrator n coreldraw
Differentiate illustrator n coreldrawDifferentiate illustrator n coreldraw
Differentiate illustrator n coreldraw
Ravi Bhadauria
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
Ravi Bhadauria
 
Video Conferencing Ppt
Video Conferencing PptVideo Conferencing Ppt
Video Conferencing Ppt
JAGJITSINGH25
 
Ad

Similar to Java script basic (20)

Javascript analysis
Javascript analysisJavascript analysis
Javascript analysis
Uchitha Bandara
 
Javascript
JavascriptJavascript
Javascript
Prashant Kumar
 
Lecture17 ie321 dr_atifshahzad_js
Lecture17 ie321 dr_atifshahzad_jsLecture17 ie321 dr_atifshahzad_js
Lecture17 ie321 dr_atifshahzad_js
Atif Shahzad
 
An introduction to javascript
An introduction to javascriptAn introduction to javascript
An introduction to javascript
MD Sayem Ahmed
 
WT Unit-3 PPT.pptx
WT Unit-3 PPT.pptxWT Unit-3 PPT.pptx
WT Unit-3 PPT.pptx
TusharTikia
 
data-types-operators-datatypes-operators.ppt
data-types-operators-datatypes-operators.pptdata-types-operators-datatypes-operators.ppt
data-types-operators-datatypes-operators.ppt
Gagan Rana
 
Javascript
JavascriptJavascript
Javascript
20261A05H0SRIKAKULAS
 
Java script.pptx v
Java script.pptx                                     vJava script.pptx                                     v
Java script.pptx v
22x026
 
javascript client side scripting la.pptx
javascript client side scripting la.pptxjavascript client side scripting la.pptx
javascript client side scripting la.pptx
lekhacce
 
Learning space presentation1 learn Java script
Learning space presentation1 learn Java scriptLearning space presentation1 learn Java script
Learning space presentation1 learn Java script
engmk83
 
JavaScript Lecture notes.pptx
JavaScript Lecture notes.pptxJavaScript Lecture notes.pptx
JavaScript Lecture notes.pptx
NishaRohit6
 
JavaScript.pptx
JavaScript.pptxJavaScript.pptx
JavaScript.pptx
KennyPratheepKumar
 
JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssss
JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssssJavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssss
JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssss
youssefsoulali2
 
JavaScript Data Types
JavaScript Data TypesJavaScript Data Types
JavaScript Data Types
Charles Russell
 
Js ch-1
Js ch-1Js ch-1
Js ch-1
Saritapol13
 
javascript.pptx
javascript.pptxjavascript.pptx
javascript.pptx
Muthuganesh S
 
javascript-variablesanddatatypes-130218094831-phpapp01.pdf
javascript-variablesanddatatypes-130218094831-phpapp01.pdfjavascript-variablesanddatatypes-130218094831-phpapp01.pdf
javascript-variablesanddatatypes-130218094831-phpapp01.pdf
AlexShon3
 
Introduction to Javascript and Typescript.pdf
Introduction to Javascript and Typescript.pdfIntroduction to Javascript and Typescript.pdf
Introduction to Javascript and Typescript.pdf
rony setyawansyah
 
Java script basics
Java script basicsJava script basics
Java script basics
Shrivardhan Limbkar
 
Java script session 3
Java script session 3Java script session 3
Java script session 3
Saif Ullah Dar
 
Lecture17 ie321 dr_atifshahzad_js
Lecture17 ie321 dr_atifshahzad_jsLecture17 ie321 dr_atifshahzad_js
Lecture17 ie321 dr_atifshahzad_js
Atif Shahzad
 
An introduction to javascript
An introduction to javascriptAn introduction to javascript
An introduction to javascript
MD Sayem Ahmed
 
WT Unit-3 PPT.pptx
WT Unit-3 PPT.pptxWT Unit-3 PPT.pptx
WT Unit-3 PPT.pptx
TusharTikia
 
data-types-operators-datatypes-operators.ppt
data-types-operators-datatypes-operators.pptdata-types-operators-datatypes-operators.ppt
data-types-operators-datatypes-operators.ppt
Gagan Rana
 
Java script.pptx v
Java script.pptx                                     vJava script.pptx                                     v
Java script.pptx v
22x026
 
javascript client side scripting la.pptx
javascript client side scripting la.pptxjavascript client side scripting la.pptx
javascript client side scripting la.pptx
lekhacce
 
Learning space presentation1 learn Java script
Learning space presentation1 learn Java scriptLearning space presentation1 learn Java script
Learning space presentation1 learn Java script
engmk83
 
JavaScript Lecture notes.pptx
JavaScript Lecture notes.pptxJavaScript Lecture notes.pptx
JavaScript Lecture notes.pptx
NishaRohit6
 
JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssss
JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssssJavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssss
JavaScript Notes 🔥.pdfssssssssssssssssssssssssssssssssssssssssss
youssefsoulali2
 
javascript-variablesanddatatypes-130218094831-phpapp01.pdf
javascript-variablesanddatatypes-130218094831-phpapp01.pdfjavascript-variablesanddatatypes-130218094831-phpapp01.pdf
javascript-variablesanddatatypes-130218094831-phpapp01.pdf
AlexShon3
 
Introduction to Javascript and Typescript.pdf
Introduction to Javascript and Typescript.pdfIntroduction to Javascript and Typescript.pdf
Introduction to Javascript and Typescript.pdf
rony setyawansyah
 
Ad

More from Ravi Bhadauria (20)

3 Important Terms of Post Production
3 Important Terms of Post Production3 Important Terms of Post Production
3 Important Terms of Post Production
Ravi Bhadauria
 
Basics of Video Editing | Types of Video Editing | Video Production Process
Basics of Video Editing | Types of Video Editing | Video Production ProcessBasics of Video Editing | Types of Video Editing | Video Production Process
Basics of Video Editing | Types of Video Editing | Video Production Process
Ravi Bhadauria
 
Basics of Media | Types of Media | Units in Media | Software in Media | Color...
Basics of Media | Types of Media | Units in Media | Software in Media | Color...Basics of Media | Types of Media | Units in Media | Software in Media | Color...
Basics of Media | Types of Media | Units in Media | Software in Media | Color...
Ravi Bhadauria
 
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
Ravi Bhadauria
 
Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)
Ravi Bhadauria
 
Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today
Ravi Bhadauria
 
12 Famous Typographers to Inspire You
12 Famous Typographers to Inspire You12 Famous Typographers to Inspire You
12 Famous Typographers to Inspire You
Ravi Bhadauria
 
Sargam UI Design
Sargam UI DesignSargam UI Design
Sargam UI Design
Ravi Bhadauria
 
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Ravi Bhadauria
 
UX Design Essential Theories
UX Design Essential TheoriesUX Design Essential Theories
UX Design Essential Theories
Ravi Bhadauria
 
Top 10 Ad Gurus
Top 10 Ad GurusTop 10 Ad Gurus
Top 10 Ad Gurus
Ravi Bhadauria
 
Workshop on resume, portfolio, interview
Workshop on resume, portfolio, interviewWorkshop on resume, portfolio, interview
Workshop on resume, portfolio, interview
Ravi Bhadauria
 
Top 10 Architecture Design Colleges in India
Top 10 Architecture Design Colleges in IndiaTop 10 Architecture Design Colleges in India
Top 10 Architecture Design Colleges in India
Ravi Bhadauria
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
Ravi Bhadauria
 
How to create Frost Neon Effect in Photoshop?
How to create Frost Neon Effect in Photoshop?How to create Frost Neon Effect in Photoshop?
How to create Frost Neon Effect in Photoshop?
Ravi Bhadauria
 
Top 10 design colleges and institutes of india
Top 10 design colleges and institutes of indiaTop 10 design colleges and institutes of india
Top 10 design colleges and institutes of india
Ravi Bhadauria
 
Best Hollywood poster designers
Best Hollywood poster designersBest Hollywood poster designers
Best Hollywood poster designers
Ravi Bhadauria
 
Design Principles for All the Designers
Design Principles for All the DesignersDesign Principles for All the Designers
Design Principles for All the Designers
Ravi Bhadauria
 
Content Writing Tips for SEO
Content Writing Tips for SEOContent Writing Tips for SEO
Content Writing Tips for SEO
Ravi Bhadauria
 
6 Great Steps to Know to Create Successful Web GUI
6 Great Steps to Know to Create Successful Web GUI6 Great Steps to Know to Create Successful Web GUI
6 Great Steps to Know to Create Successful Web GUI
Ravi Bhadauria
 
3 Important Terms of Post Production
3 Important Terms of Post Production3 Important Terms of Post Production
3 Important Terms of Post Production
Ravi Bhadauria
 
Basics of Video Editing | Types of Video Editing | Video Production Process
Basics of Video Editing | Types of Video Editing | Video Production ProcessBasics of Video Editing | Types of Video Editing | Video Production Process
Basics of Video Editing | Types of Video Editing | Video Production Process
Ravi Bhadauria
 
Basics of Media | Types of Media | Units in Media | Software in Media | Color...
Basics of Media | Types of Media | Units in Media | Software in Media | Color...Basics of Media | Types of Media | Units in Media | Software in Media | Color...
Basics of Media | Types of Media | Units in Media | Software in Media | Color...
Ravi Bhadauria
 
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
History of Visual Communication | Guide to Visual Communication by ADMEC Mult...
Ravi Bhadauria
 
Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)Elements and Principles of Design (Updated)
Elements and Principles of Design (Updated)
Ravi Bhadauria
 
Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today Top Graphic Designing Hacks to Make You a Designing Pro Today
Top Graphic Designing Hacks to Make You a Designing Pro Today
Ravi Bhadauria
 
12 Famous Typographers to Inspire You
12 Famous Typographers to Inspire You12 Famous Typographers to Inspire You
12 Famous Typographers to Inspire You
Ravi Bhadauria
 
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Use of Shapes in Graphic Design | Psychology of Shapes by ADMEC (Updated)
Ravi Bhadauria
 
UX Design Essential Theories
UX Design Essential TheoriesUX Design Essential Theories
UX Design Essential Theories
Ravi Bhadauria
 
Workshop on resume, portfolio, interview
Workshop on resume, portfolio, interviewWorkshop on resume, portfolio, interview
Workshop on resume, portfolio, interview
Ravi Bhadauria
 
Top 10 Architecture Design Colleges in India
Top 10 Architecture Design Colleges in IndiaTop 10 Architecture Design Colleges in India
Top 10 Architecture Design Colleges in India
Ravi Bhadauria
 
User interface and user experience ui ux design basics
User interface  and user experience ui ux design basicsUser interface  and user experience ui ux design basics
User interface and user experience ui ux design basics
Ravi Bhadauria
 
How to create Frost Neon Effect in Photoshop?
How to create Frost Neon Effect in Photoshop?How to create Frost Neon Effect in Photoshop?
How to create Frost Neon Effect in Photoshop?
Ravi Bhadauria
 
Top 10 design colleges and institutes of india
Top 10 design colleges and institutes of indiaTop 10 design colleges and institutes of india
Top 10 design colleges and institutes of india
Ravi Bhadauria
 
Best Hollywood poster designers
Best Hollywood poster designersBest Hollywood poster designers
Best Hollywood poster designers
Ravi Bhadauria
 
Design Principles for All the Designers
Design Principles for All the DesignersDesign Principles for All the Designers
Design Principles for All the Designers
Ravi Bhadauria
 
Content Writing Tips for SEO
Content Writing Tips for SEOContent Writing Tips for SEO
Content Writing Tips for SEO
Ravi Bhadauria
 
6 Great Steps to Know to Create Successful Web GUI
6 Great Steps to Know to Create Successful Web GUI6 Great Steps to Know to Create Successful Web GUI
6 Great Steps to Know to Create Successful Web GUI
Ravi Bhadauria
 

Recently uploaded (20)

Black and White Illustrative Group Project Presentation.pdf (1).pdf
Black and White Illustrative Group Project Presentation.pdf (1).pdfBlack and White Illustrative Group Project Presentation.pdf (1).pdf
Black and White Illustrative Group Project Presentation.pdf (1).pdf
AnnasofiaUrsini
 
What is FIle and explanation of text files.pptx
What is FIle and explanation of text files.pptxWhat is FIle and explanation of text files.pptx
What is FIle and explanation of text files.pptx
Ramakrishna Reddy Bijjam
 
Nice Dream.pdf /
Nice Dream.pdf                              /Nice Dream.pdf                              /
Nice Dream.pdf /
ErinUsher3
 
Allomorps and word formation.pptx - Google Slides.pdf
Allomorps and word formation.pptx - Google Slides.pdfAllomorps and word formation.pptx - Google Slides.pdf
Allomorps and word formation.pptx - Google Slides.pdf
Abha Pandey
 
How to Manage Maintenance Request in Odoo 18
How to Manage Maintenance Request in Odoo 18How to Manage Maintenance Request in Odoo 18
How to Manage Maintenance Request in Odoo 18
Celine George
 
How to Create a Rainbow Man Effect in Odoo 18
How to Create a Rainbow Man Effect in Odoo 18How to Create a Rainbow Man Effect in Odoo 18
How to Create a Rainbow Man Effect in Odoo 18
Celine George
 
LDMMIA Free Reiki Yoga S9 Grad Level Intuition II
LDMMIA Free Reiki Yoga S9 Grad Level Intuition IILDMMIA Free Reiki Yoga S9 Grad Level Intuition II
LDMMIA Free Reiki Yoga S9 Grad Level Intuition II
LDM & Mia eStudios
 
How to Manage & Create a New Department in Odoo 18 Employee
How to Manage & Create a New Department in Odoo 18 EmployeeHow to Manage & Create a New Department in Odoo 18 Employee
How to Manage & Create a New Department in Odoo 18 Employee
Celine George
 
What are the benefits that dance brings?
What are the benefits that dance brings?What are the benefits that dance brings?
What are the benefits that dance brings?
memi27
 
How to Manage Upselling of Subscriptions in Odoo 18
How to Manage Upselling of Subscriptions in Odoo 18How to Manage Upselling of Subscriptions in Odoo 18
How to Manage Upselling of Subscriptions in Odoo 18
Celine George
 
SEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptx
SEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptxSEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptx
SEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptx
PoojaSen20
 
Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd
Basic English for Communication - Dr Hj Euis Eti Rohaeti MpdBasic English for Communication - Dr Hj Euis Eti Rohaeti Mpd
Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd
Restu Bias Primandhika
 
Rai dyansty Chach or Brahamn dynasty, History of Dahir History of Sindh NEP.pptx
Rai dyansty Chach or Brahamn dynasty, History of Dahir History of Sindh NEP.pptxRai dyansty Chach or Brahamn dynasty, History of Dahir History of Sindh NEP.pptx
Rai dyansty Chach or Brahamn dynasty, History of Dahir History of Sindh NEP.pptx
Dr. Ravi Shankar Arya Mahila P. G. College, Banaras Hindu University, Varanasi, India.
 
How to Create Quotation Templates Sequence in Odoo 18 Sales
How to Create Quotation Templates Sequence in Odoo 18 SalesHow to Create Quotation Templates Sequence in Odoo 18 Sales
How to Create Quotation Templates Sequence in Odoo 18 Sales
Celine George
 
Exploring Ocean Floor Features for Middle School
Exploring Ocean Floor Features for Middle SchoolExploring Ocean Floor Features for Middle School
Exploring Ocean Floor Features for Middle School
Marie
 
How to Create an Event in Odoo 18 - Odoo 18 Slides
How to Create an Event in Odoo 18 - Odoo 18 SlidesHow to Create an Event in Odoo 18 - Odoo 18 Slides
How to Create an Event in Odoo 18 - Odoo 18 Slides
Celine George
 
MATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKAN
MATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKANMATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKAN
MATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKAN
aditya23173
 
Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...
Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...
Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...
GeorgeDiamandis11
 
Rose Cultivation Practices by Kushal Lamichhane.pdf
Rose Cultivation Practices by Kushal Lamichhane.pdfRose Cultivation Practices by Kushal Lamichhane.pdf
Rose Cultivation Practices by Kushal Lamichhane.pdf
kushallamichhame
 
Pests of Rice: Damage, Identification, Life history, and Management.pptx
Pests of Rice: Damage, Identification, Life history, and Management.pptxPests of Rice: Damage, Identification, Life history, and Management.pptx
Pests of Rice: Damage, Identification, Life history, and Management.pptx
Arshad Shaikh
 
Black and White Illustrative Group Project Presentation.pdf (1).pdf
Black and White Illustrative Group Project Presentation.pdf (1).pdfBlack and White Illustrative Group Project Presentation.pdf (1).pdf
Black and White Illustrative Group Project Presentation.pdf (1).pdf
AnnasofiaUrsini
 
What is FIle and explanation of text files.pptx
What is FIle and explanation of text files.pptxWhat is FIle and explanation of text files.pptx
What is FIle and explanation of text files.pptx
Ramakrishna Reddy Bijjam
 
Nice Dream.pdf /
Nice Dream.pdf                              /Nice Dream.pdf                              /
Nice Dream.pdf /
ErinUsher3
 
Allomorps and word formation.pptx - Google Slides.pdf
Allomorps and word formation.pptx - Google Slides.pdfAllomorps and word formation.pptx - Google Slides.pdf
Allomorps and word formation.pptx - Google Slides.pdf
Abha Pandey
 
How to Manage Maintenance Request in Odoo 18
How to Manage Maintenance Request in Odoo 18How to Manage Maintenance Request in Odoo 18
How to Manage Maintenance Request in Odoo 18
Celine George
 
How to Create a Rainbow Man Effect in Odoo 18
How to Create a Rainbow Man Effect in Odoo 18How to Create a Rainbow Man Effect in Odoo 18
How to Create a Rainbow Man Effect in Odoo 18
Celine George
 
LDMMIA Free Reiki Yoga S9 Grad Level Intuition II
LDMMIA Free Reiki Yoga S9 Grad Level Intuition IILDMMIA Free Reiki Yoga S9 Grad Level Intuition II
LDMMIA Free Reiki Yoga S9 Grad Level Intuition II
LDM & Mia eStudios
 
How to Manage & Create a New Department in Odoo 18 Employee
How to Manage & Create a New Department in Odoo 18 EmployeeHow to Manage & Create a New Department in Odoo 18 Employee
How to Manage & Create a New Department in Odoo 18 Employee
Celine George
 
What are the benefits that dance brings?
What are the benefits that dance brings?What are the benefits that dance brings?
What are the benefits that dance brings?
memi27
 
How to Manage Upselling of Subscriptions in Odoo 18
How to Manage Upselling of Subscriptions in Odoo 18How to Manage Upselling of Subscriptions in Odoo 18
How to Manage Upselling of Subscriptions in Odoo 18
Celine George
 
SEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptx
SEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptxSEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptx
SEXUALITY , UNWANTED PREGANCY AND SEXUAL ASSAULT .pptx
PoojaSen20
 
Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd
Basic English for Communication - Dr Hj Euis Eti Rohaeti MpdBasic English for Communication - Dr Hj Euis Eti Rohaeti Mpd
Basic English for Communication - Dr Hj Euis Eti Rohaeti Mpd
Restu Bias Primandhika
 
How to Create Quotation Templates Sequence in Odoo 18 Sales
How to Create Quotation Templates Sequence in Odoo 18 SalesHow to Create Quotation Templates Sequence in Odoo 18 Sales
How to Create Quotation Templates Sequence in Odoo 18 Sales
Celine George
 
Exploring Ocean Floor Features for Middle School
Exploring Ocean Floor Features for Middle SchoolExploring Ocean Floor Features for Middle School
Exploring Ocean Floor Features for Middle School
Marie
 
How to Create an Event in Odoo 18 - Odoo 18 Slides
How to Create an Event in Odoo 18 - Odoo 18 SlidesHow to Create an Event in Odoo 18 - Odoo 18 Slides
How to Create an Event in Odoo 18 - Odoo 18 Slides
Celine George
 
MATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKAN
MATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKANMATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKAN
MATERI PPT TOPIK 1 LANDASAN FILOSOFIS PENDIDIKAN
aditya23173
 
Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...
Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...
Module 4 Presentation - Enhancing Competencies and Engagement Strategies in Y...
GeorgeDiamandis11
 
Rose Cultivation Practices by Kushal Lamichhane.pdf
Rose Cultivation Practices by Kushal Lamichhane.pdfRose Cultivation Practices by Kushal Lamichhane.pdf
Rose Cultivation Practices by Kushal Lamichhane.pdf
kushallamichhame
 
Pests of Rice: Damage, Identification, Life history, and Management.pptx
Pests of Rice: Damage, Identification, Life history, and Management.pptxPests of Rice: Damage, Identification, Life history, and Management.pptx
Pests of Rice: Damage, Identification, Life history, and Management.pptx
Arshad Shaikh
 

Java script basic

  • 1. JavaScript Basics ADMEC MULTIMEDIA Leader in Animation & Digital Media Education ISO 9001:2008 CERTIFIED | ADOBE Testing Center www.admecindia.co.in
  • 2. Content i. What is JavaScript? ii. Use of JavaScript? iii. Features of JavaScript Popups Variable Scopes Function iv. DATATYPE in JavaScript Number String Undefined Boolean Null v. Operators in JavaScript Assignment Operator Equality Operator Strict Equality Operators
  • 3. What is JavaScript? JavaScript is scripting/programming language. File Extension of JavaScript is ".js”. This extension can be catched by a number of applications including Windows Script Host, Dreamweaver MX, Notepad, Netscape Navigator, PavScrip, UltraEdit. JavaScript is also considered as "assembly language of the web". JavaScript is totally user based. It is does not store any in-built data or function. JavaScript is object oriented. We can also create small objects with help of basic JavaScript.
  • 4. Use of JavaScript? JavaScript is also used to make websites rich and dynamic. Almost every website have JavaScript used in it. It tells how JavaScript important for us. There are plenty of websites and applications which are using JavaScript such as: Gmail, Google, YouTube, Yahoo, LinkedIn, Twitter, Facebook etc...
  • 5. Features of JavaScript POPUPS Popup is additional display box/window surprisingly comes over web browser with information & notice. • Alert: Is any notice to the viewer & provide only option to "OK" after reading. Example: alert('welcome to js'); • Confirm: It is useful to display any of information/ message to viewer which let them decide for accepting & rejecting information with option of "OK" & "CANCEL“ Example: confirm('Are u sure to visit this page?');
  • 6. • Prompt: Take input (info/text/massage/name-- alphabetic value) from Viewers. Example: prompt('Enter ur name plz');
  • 7. VARIABLE: Variable is a kind of container with limited space where we can put value (Numeric, String, Boolean [true/false], objects etc) just for one time if we try to put 2nd value 1st will automatically eliminate. Variable can be identified with unique names. Variable are restricted with some special characters (symbols) like we can only use underscore (_), dollar ($) and Alpha Numeric character. The right way to write variables var myNum = 45; var my_num = 55; var num1 = 11; var num = 78
  • 8. SCOPES: Scope is set of Variable, objects and Function you can use. (Local & Global) Maintain accessibility through variable & function. There are 2 Variable used: Local Variable & Global Variable In Local Scope, Variable is declared within the Function whereas Global Scope, Variable is Declared Outside the function. Data remain secure if we used local Variable.
  • 9. FUNCTION: A function is a group of reusable code which enables a programmer to create a code that is in better organization and execution and which can be called anywhere in your program. In short function eliminates the repetitive writing of same codes. Function helps a programmer to divide a big program into a number of small chunks of program and also helps in managing functions easily & effectively. The most common way to define a function in JavaScript is by using the keyword “function”.
  • 10. Syntax of function: function main() //head of the function, these brackets () are called parenthesis { //body of the function } Types of function: Named Function & Anonymous Function Examples: Named function: function main() { } Note: declared a 'main' function. The name of the function is 'main'.
  • 11. Unnamed function: var main = function () { } Note: Declared an unnamed function and at the same time assigned to a variable 'main'. You can't declare a function without the name so you need to store that in a variable. This type of declaring method of function known as 'closure' in JavaScript.
  • 12. DATATYPE in JavaScript There 5 Primitive Datatypes given below: Number:  A JavaScript programmer all the time have to deal with numbers. It is a value and we use it in various operations in the application or website. Some times you can't get the expected result and either your program gets broken or filled with errors because of non-numeric types of values.  JavaScript offers main 3 functions to convert any of the value to number.  Numbers can be written with or without decimals.
  • 13. Example: var num = 10.25; 1. alert(Number(num)); //10.25 2. alert(parseInt(num)); //10 3. alert(parseFloat(num)); //10.25 String:  String (value) is used to represent text related data. String is also a set of “element” of 16-bit unsigned integer value which start from the first element is ZERO and the next is ONE and so on at index.  We can use string literals in scripts by enclosing them in single or double quotation marks e.g. (‘ ’, “ ”).
  • 14. Example: Single Quotation Mark alert('you clicked on CANCEL'); Double Quotation Mark alert("you clicked on "OK""); Note: In JavaScript, does not have a type to represent a single character. To represent a single character in JavaScript, we have to create a string that contain only single character. A string that contains empty string or zero characters ("") is an empty or string with zero-length. String(value) function can be used to convert any value to string datatype.
  • 15. Undefined: Undefined is a variable which doesn’t have any defined value. Example: var num; // contains no value alert(num);// will get undefined
  • 16. Boolean: Boolean have two values i.e. “true or false” or 1 or 0 and are logical representative. Example: if(confirm('Are you sure to leave this page')){ //you will be redirected to the following URL if above condition is true means if someone clicks on the OK button window.location.href = 'http://www.admecindia.co.in'; }else{ //nothing will happen if someone clicks on CANCEL button as you will receive false as the result return false; } Note: In above example you either get True or False depends on the button you clicked means you are getting a Boolean value.
  • 17. Null: Null is exactly having single value when Null is defined or nothing. Null is considered as an object in JavaScript. var my_value = null; alert(my_value * 20); //0 Note: 1. null gets converted to the false boolean value and i.e. 0 too 2. null and 'null' both are different terms completely 3. null can be used when you want to reset a variable or want to store nothing
  • 18. NOTE There are 2 other datatypes considered according to ECMAScript standard. Symbol: symbol as in primitive datatype which are unique and unchangeable. In some programming language they are also called “atoms”. Object: object data type refers to the structure consist of data & information for working with the data.
  • 19. Operators in JavaScript Types of Operators:  Assignment Operator: The equal sign (=) is called “Assignment” Operators.  Equality Operator: when double the equal sign (==) is called “Equality” Operator. Is also called comparison Operator.  Strict Equality Operators: when Triple the equal sign (===) is called “Strict Equality” Operator. Is also called comparison Operator.
  • 20. Remark These are just the basics of JavaScript and all these topics play a vital role when you create something using JavaScript. As much you are familiar with these basics more you would be strong in JavaScript.
  • 21. Contact Us: ADMEC MULTIMEDIA INSTITUTE C-7/114, IInd Floor, Sector- 7, Rohini, Delhi- 85 Landmark: Near Rohini East Metro Station Helpline 1: +91 9811 818 122 Helpline 2: +91 9911 782 350 ADMEC MULTIMEDIA Leader in Animation & Digital Media Education ISO 9001:2008 CERTIFIED | ADOBE Testing Center ADMEC MULTIMEDIA INSTITUTE For More information you can visit : http://www.admecindia.co.in