0 ratings0% found this document useful (0 votes) 165 views14 pagesJavascript Tutorial For Beginners
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here.
Available Formats
Download as PDF or read online on Scribd
Home JavaScript HTML css Bootstrap iQuery Node,js PHP
CROLL TO TOPLearn JavaScript Tutorial
JavaScript
Our JavaScript Tutorial is designed for beginners and professionals both. JavaScript is used to
create client-side dynamic pages.
JavaScript is an object-based scripting language which is lightweight and cross-platform.
JavaScript is not a compiled language, but it is a translated language. The JavaScript Translator
(embedded in the browser) is responsible for translating the JavaScript code for the web browser.
What is JavaScript
JavaScript (js) is a light-weight object-oriented programming language which is used by several
websites for scripting the webpages. It is an interpreted, full-fledged programming language that
enables dynamic interactivity on websites when applied to an HTML document. It was introduced in
the year 1995 for adding programs to the webpages in the Netscape Navigator browser. Since then,
it has been adopted by all other graphical web browsers. With JavaScript, users can build modern
web applications to interact directly without reloading the page every time. The traditional website
uses js to provide several forms of interactivity and simplicity
ROLL TO TOPAlthough, JavaScript has no connectivity with Java programming language. The name was
suggested and provided in the times when Java was gaining popularity in the market. In addition to
web browsers, databases such as CouchDB and MongoDB uses JavaScript as their scripting and
query language.
Features of JavaScript
There are following features of JavaScript:
1. All popular web browsers support JavaScript as they provide built-in execution environments.
2. JavaScript follows the syntax and structure of the C programming language. Thus, it is a
structured programming language.
3. JavaScript is a weakly typed language, where certain types are implicitly cast (depending on
the operation).
4, JavaScript is an object-oriented programming language that uses prototypes rather than
using classes for inheritance.
5. Itis a light-weighted and interpreted language.
6. Itis a case-sensitive language,
7. JavaScript is supportable in several operating systems including, Windows, macOS, ete.
8, It provides good control to the users over the web browsers.
History of JavaScript
In 1993, Mosaic, the first popular web browser, came into existence. In the year 1994, Netscape
was founded by Marc Andreessen. He realized that the web needed to become more dynamic.
Thus, a ‘glue language’ was believed to be provided to HTML to make web designing easy for
h
intending to implement and embed Scheme programming language to the browser. But, before
designers and part-time programmers. Consequently, in 1995, the company recruited Brendan
Brendan could start, the company merged with Sun Microsystems for adding Java into its
Navigator so that it could compete with Microsoft over the web technologies and platforms. Now,
two languages were there: Java and the scripting language. Further, Netscape decided to give a
similar name to the scripting language as Java's. It led to ‘Javascript’, Finally, in May 1995, Marc
Andreessen coined the first code of Javascript named ‘Mocha’. Later, the marketing team replaced
the name with ‘LiveScript’. But, due to trademark reasons and certain other reasons, in December
1995, the language was finally renamed to ‘JavaScript’. From then, JavaScript came into existence.
Application of JavaScript
“S reate interactive websites, It is mainly used for:© Client-side validation,
© Dynamic drop-down menus,
© Displaying date and time,
© Displaying pop-up windows and dialog boxes (like an alert dialog box, confirm dialog box
and prompt dialog bow),
© Displaying clocks ete.
JavaScript Example
Test it Now
A detailed explanation of first JavaScript example is given in next chapter.
JavaScript Index
JavaScript Tuto! JavaScript Date Object JavaScript Object
©. JavaScript Introduction © JavaScript Date © JavaScript Object
© JavaScript Example © date getDate) method © Object.assign() method
© External JavaScript, © date getDay() method © Object.create) method
JavaScript Basics © date getFullYears) © Object.defineProperty()
method method
© JavaScript Comment © date getHours) method © Object.defineProperties)
© JavaScript Variable © date getMilliseconds() method
© JavaScript Global method © Objectentries() method
Variable © date getMinutes()) © Object freeze() method
© JavaScript Data Types method © getOwnPropertyDescriptor()
© JavaScript Operators © date getMonth() method
method ;
© JavaScript If Statement © getOwnPropertyDescriptors()
© date getSeconds() method
© JavaScriot Switch method
“SCROLL TO TOP © getOwnPropertyNames()
c P method°
JavaScript Function
JavaScript Objects
°
°
°
°
°
°
JavaScript Object
JavaScript Array
JavaScript String
JavaScript Date
JavaScript Math
JavaScript Number
JavaScript Boolean
JavaScript DataView
JavaScript Function
JavaScript handler
JavaScript JSON
JavaScript Number
JavaScript Reflect
JavaScript RegExp
JavaScript Symbol
JavaScript BOM
Browser Objects
1) Window Object
2) History Object
3) Navigator Object
4) Screen Object
JavaScript DOM
°
°
°
°
5) Document Object
getElementByld
getElementsByName
getElementsByTagName
ePCROLL TO TOP
date getUTCDate()
method
date getUTCDay()
method
date _getUTCFullYears()
method
date getUTCHours()
method
date getUTCMinutes()
method
date getUTCMonthd,
method
date _getUTCSeconds()
method
date setDate() method
date setDay() method
date setFullYears()
method
date setHours() method
date setMilliseconds()
method
date setMinutes)
method
date setMonth0)
method
date setSeconds()
method
date setUTCDate()
method
date setUTCDay()
method
date setUTCFullYears()
method
date setUTCHours()
method
© getOwnPropertySymbols()
method
© Object.getPrototypeOf)
method
© Object.is) method
© preventExtensions()
method
© Objectseal() method
© ObjectsetPrototypeOf)
method
© Objectvalues() method
JavaScript Reflect Object
°
JavaScript Reflect
°
Reflect.apply) method
© Reflect.construct()
method
© Reflect.defineProperty()
method
© Reflect.deleteProperty()
method
© Reflect.get() method
© getOwnPropertyDescriptor()
method
© Reflect.getPrototypeOf()
method
© Reflect.has() method
© Reflect.isExtensibleQ)
method
© Reflect.ownKeys)
method
© preventExtensions()
method
© Reflect.set() method°
°
JavaScript innerHTML.
property
JavaScript _innerText
property
JavaScript Validation
JavaScript form
validation
JavaScript email
validation
JavaScript OOPs
°
°
JavaScript Class
JavaScript Object
JavaScript Prototype
JavaScript constructor
Method
JavaScript static Method
JavaScript Encapsulation
JavaScript Inheritance
JavaScript
Polymorphism
JavaScript Abstraction
JavaScript Cookies
JavaScript Cookies
Cookie Attributes
Cookie with multiple
Name
Deleting Cookies
JavaScript Events
HTML/DOM Events
“CROLL TO TOP
ci
© date
setUTCMilliseconds0)
method
© date — setUTCMinutes()
method
© date setUTCMontho
method
© date setUTCSeconds()
method
© date ——_toDateString()
method
© date tolSOString)
method
© date toJSON( method
© date toString() method
© date toTimeStringd)
method
© date
method
© date valueOf) method
JavaScript handler Object
°
JavaScript handler
© handler apply() method
© handler construct()
method
© handler defineProperty()
method
© handler deleteProperty()
method
© handler get() method
© handler
getOwnPropertyDescriptor()
method
© handler
getPrototypeOf)
© ReflectsetPrototypeOfd)
method
JavaScript Set Object
°
JavaScript Set
© Set add() method
© Set clear) method
© Set delete) method
© Set entries() method
© Set forfach0) method
© Set has() method
© Set values() method
JavaScript String Object
© String charAt() method
© String charAt() method
© String charCodeAt
method
© String concat() method
© String indexOf() method
© String _lastindexofo
method
© String search) method
© String match
© String replace) method
© String substr method
© String substring)
method
© String slice) method
© String toLowerCase()
method
© toLocaleLowerCase()
method©. JavaScript this Keyword
© JavaScript Debugging
©. JavaScript Hoisting
© JavaScript Strict Mode
JavaScript Advance
© JavaScript TypedArray
°
JavaScript Set
°
JavaScript Map
°
JavaScript WeakSet
°
JavaScript WeakMap
Interview Questions
© JavaScript _ Interview
Questions
JavaScript Methods
JavaScript Array Object
°
JavaScript Array
© Array concat() method
© Array copywithing
method
© Array every() method
© Array fill method
© Array filter) method
© Array find) method
© Array findindex0
method
© Array forEach) method
© Array includes() method
© Array indexOf) method
> <= method
ePCROLL TO TOP
method
© handler has() method
© handler —isExtensibleg
method
© handler ownkeys()
method
© handler
preventExtensions()
method
© handler set() method
© handler
setPrototypeOf()
method
JavaScript JSON Object
©. JavaScript JSON
© JSON parse() method
© JSON.stringify() method
JavaScript Map Object
© JavaScript Map
© Map clear() method
© Map delete() method
© Map entries() method
© Map forEach method
© Map get() method
© Map has() method
© Map keys() method
© Map set() method
© Map values) method
JavaScript Math Object
© JavaScript Math
© Math abs() method
© String — toUpperCase()
method
© toLocaleUpperCase()
method
© String toString() method
© String valueOf) method
JavaScript Symbol Object
© JavaScript Symbol
© Symbolfor() method
© Symbol.keyFor() method
© SymboltoStringd
method
‘Symbol Property
© Symbol.hasinstance
Property
© isConcatSpreadable
Property
© Symbol.match Property
© Symbol.prototype
Property
© Symbolreplace Property
© Symbolsearch Property
© Symbol-split Property
© SymboltoStringTag
Property
© Symbol.unscopables
Property
JavaScript TypedArray
Object
© JavaScript TypedArray
© TypedArray
copyWithin method© Array —_lastIndexOf
method
© Array map) method
© Array pop() method
© Array push) method
© Array reverse) method
© Array shift() method
© Array slice() method
© Array sort() method
© Array splice) method
°
Array unshift) method
JavaScript DataView
Object
© JavaScript DataView
© DataView getFloat320)
method
© DataView getFloate4()
method
© DataView —_getInt8)
method
© DataView —_getint160)
method
© DataView —_getint320)
method
© DataView —_getUint8Q
method
© DataView — getUinti6()
method
© DataView — getUint320
method
JavaScript Function
Object
CROLLTOTOP
action
°
Math acos() method
© Math asin) method
© Math atan() method
© Math cbrt) method
Math ceil) method
Math cos) method
© Math cosh method
Math exp() method
© Math floor) method
Math hypot)) method
© Math log() method
© Math max() method
© Math mind method
© Math pow() method
© Math random) method
© Math round() method
Math sign method
© Math sin() method
© Math sinh method
© Math sqrt method
© Math tan method
© Math tanh() method
© Math trunc() method
JavaScript Number
Object
© JavaScript Number
Number isFiniteo
method
© Number _isinteger()
method
TypedArray _entries()
method
TypedArray every)
method
TypedArray fill method
TypedArray filter
method
TypedArray find)
method
TypedArray _findIndex()
method
TypedArray — forEach0)
method
TypedArray includes)
method
TypedArray —_indexof()
method
TypedArray join
method
TypedArray Keys)
method
TypedArray lastindexof))
method
TypedArray map)
method
TypedArray —_reduce()
method
TypedArray
reduceRight() method
TypedArray —_reverse()
method
TypedArray set()
method
TypedArray Sliced
method© Function apply)
method
© Function bind) method
© Function call() method
© Function toString)
method
Prerequisite
© Number _ parseFloat()
method
© Number parseint
method
© Number toExponentialo
method
© Number toFixed()
method
© Number — toPrecision()
method
© Number toString)
method
JavaScript RegExp Object
°
JavaScript RegExp
°
RegExp.exec() method
°
RegExp.test() method
°
RegExp.toStringd)
method
© TypedArray —— some()
method
© TypedArray sort),
method
© TypedArray — subarray()
method
© TypedArray —_values()
method
© toLocaleString) method
© TypedArray — toString)
method
JavaScript WeakMap
Object
© JavaScript WeakMap
© WeakMap deleted)
method
© WeakMap get() method
© WeakMap has() method
© WeakMap set() method
JavaScript WeakSet
Object
©. JavaScript WeakSet
© WeakSet add) method
© WeakSet delete)
method
© WeakSet has() method
Before learning JavaScript in depth, you must have the basic knowledge of HTML.
Audience
c “SCROLL TO TOPWe have developed this JavaScript tutorial for beginners and professionals both. There are given a
lot of examples with JavaScript editor. So, you can easily edit your JavaScript code which will help
you to learn JavaScript easily.
Problem
We assure you that you will not find any problem in our JavaScript tutorial. But, if you find any
mistake, you can post it in our comment section,
e:¥outube For Videos Join Our Youtube Channel: Join Now
Feedback
© Send your Feedback to feedback @javatpoint.com,
Help Others, Please Share
“SCROLL TO TOP
ciLearn Latest Tutorials
Splunk tutorial
Splunk
(#}Tumblr tutorial
‘Tumblr
22R Programming
tutorial
R Programming
&. Python Pillow
tutorial
Python Pillow
Preparation
Aptitude
SCROLL TO TOP
SPSS tutorial
spss
# React tutorial
ReaculS
ARIS tutorial
RxlS
\F: Python Turtle
tutorial
Python Turtle
(2 Logical
Reasoning
Reasoning,
ii Swagger
tutorial
Swagger
#Regex tutorial
Regex
a} React Native
tutorial
React Native
i Keras tutorial
Keras
A Nerbal Ability
Verbal Ability
2T-SQL tutorial
Transact SQL
lo} Reinforcement
learning tutorial
Reinforcement
Learning
(3 Python Design
Patterns
Python Design
Patterns
(o} Interview
Questions
Interview QuestionsCompany
Interview
Questions
Company Questions
Trending Technologies
@ Axtificial LAWS Tutorial Selenium
Intelligence tutorial
Tutorial AWS
Selenium:
Anificial
Intelligence
PHadoop tutorial g__ReactIS (2) Data Science
Tutorial Tutorial
Hadoop
ReactIS Data Science
#2 Blockchain Git Tutorial (#3 Machine
Tutorial cit Learning Tutorial
Blockchain Machine Learning
SCROLL TO TOP
(2 Cloud
‘Computing
tutorial
Cloud Computing
l#} Angular 7
Tutorial
Angular 7
i DevOps
‘Tutorial
DevOpsDBMS tutorial
DBMS
Computer
Network tutorial
‘Computer Network
Ethical Hacking
Tutorial
Ethical Hacking
Cyber Security
tutorial
Cyber Security
i#Java tutorial
Java
& Control
Systems tutorial
Control System
CROLL TO TOP
(o Data Structures
tutorial
Data Structures
(& Compiler
Design tutorial
Compiler Design
Computer Graphics
BE Automata
Tutorial
Automata
Net
Framework
tutorial
Net
(Data Mining
Tutorial
Data Mining
DAA tutorial
DAA
Computer
Organization and
Architecture
Computer
Organization
lei Software
Engineering
Tutorial
Software
Engineering.
lei C Language
tutorial
C Programming
APython tutorial
Python
Data
Warehouse
‘Tutorial
Data Warchouse
(2 Operating
System tutorial
Operating System
lei Discrete
Mathematics
Tutorial
Discrete
Mathematics
#ihtm! tutorial
Web Technology
tutorial
cH
le List of
Programs
ProgramsCROLL TO TOP