SlideShare a Scribd company logo
JAVASCRIPT
Java vs JavaScript
 Java - Programming Language (PL)
 Interactive Web Graphics
 Creating web browser applications
 Writing stand-alone applications
 JavaScript - Scripting Language
 Runs within the context of the Web browser
 Customizing pages based on browser version
 Visual Feedback to user actions
 Validating data entered on HTML Forms
 In reality, Java and JavaScript are unrelated…
PL versus SL – By Definition
3
PL versus SL – By Type
4
PL versus SL – By Interpretation
5
PL versus SL – By Conversion
6
PL versus SL - Examples
7
Javascript(JS)
 Lightweight, interpreted, object oriented language with first class
functions and its best knows as scripting language for web pages
 Light weight- Small memory footprint, easy to implement
 interpreted- Instruction executed directly
 object oriented – Model around objects
 first class function – functions can be used as value
History
9
Why JS
 Client side web development (Navigators Javascript)
 Native JS- not a framework
 JQuery – Library
 Angular JS, React JS, Ember JS – advance client side application
framework
 Server side web development (Live wire Javascript)
 Node JS
 Express JS (works with node)
 Desktop , mobile and browser extensions(add-on and
plug-in)
 RTE - browser
Data Types
 Number
 String
 Boolean
 Undefined
 Null
 Symbol
Type coersion
 Explicit coersion
 Implicit coersion
 Every value in javascript has boolean value
Objects*
 Free form – not bound to any class
 Object literal to create object
 Property of object can be accessed directly
 New property can be added directly on objects
 Objects can have methods
_______________________________________
 Dot notation versus [ ] notation
Array
 ARRAY IS SECRETLY AN OBJECT
Eg: var myArray=[“Hi”,”1”,”Hello”];
myArray[0] and myArray[“0”] results same
o/p
 length property(checking the index not the
count)
Function
 Function Declaration
 Function with args
 Function with return
 Function expression
 Anonymous function expression
 Function as args
 Function as Objects
Scope and Closure
 Scope
Scope is based on function
Not all variables are accessible anywhere
Global function vs IIFE
Read vs Write
Compilation vs Interpretation
 Closure
Module pattern
Regular fn vs Constructor
 Functions are objects
 Dunder proto
 Inheritance

More Related Content

PPTX
An overview of JavaScript
Poluru S
 
PPT
Js ppt
Rakhi Thota
 
PDF
Sharable of qualities of clean code
Eman Mohamed
 
PDF
CaseTalk Transformations - 10 slide intro
Marco Wobben
 
PPTX
Javascripts. pptt
RaviShankarSinghal
 
PPT
Web development basics (Part-7)
Rajat Pratap Singh
 
DOCX
Introduction of javascript
syeda zoya mehdi
 
An overview of JavaScript
Poluru S
 
Js ppt
Rakhi Thota
 
Sharable of qualities of clean code
Eman Mohamed
 
CaseTalk Transformations - 10 slide intro
Marco Wobben
 
Javascripts. pptt
RaviShankarSinghal
 
Web development basics (Part-7)
Rajat Pratap Singh
 
Introduction of javascript
syeda zoya mehdi
 

What's hot (20)

PPTX
Java Script An Introduction By HWA
Emma Wood
 
PPTX
An Intro to Scala for PHP Developers
HuffPost Code
 
PDF
Javascript Roadmap - The Basics
Aswin Barath
 
PPTX
Javascript
Sun Technlogies
 
PPTX
Javascript
Mozxai
 
PPTX
F# type providers
Antya Dev
 
PDF
JavaScript - Chapter 12 - Document Object Model
WebStackAcademy
 
PPTX
Domain driven design
jstack
 
PPTX
Java script writing javascript
Jesus Obenita Jr.
 
PPT
Scripting languages
teach4uin
 
PPTX
Basic JS
alexisabril
 
PDF
Javascript
Momentum Design Lab
 
PPTX
JavaScript: Implementations And Applications
Pragya Pai
 
PDF
JavaScript - The new English
Mário Gonçalves
 
PDF
Elm - functional programming for frontend
Jawahar
 
PPTX
J query
Alliza Reyes
 
PPTX
Client side scripting using Javascript
Bansari Shah
 
Java Script An Introduction By HWA
Emma Wood
 
An Intro to Scala for PHP Developers
HuffPost Code
 
Javascript Roadmap - The Basics
Aswin Barath
 
Javascript
Sun Technlogies
 
Javascript
Mozxai
 
F# type providers
Antya Dev
 
JavaScript - Chapter 12 - Document Object Model
WebStackAcademy
 
Domain driven design
jstack
 
Java script writing javascript
Jesus Obenita Jr.
 
Scripting languages
teach4uin
 
Basic JS
alexisabril
 
JavaScript: Implementations And Applications
Pragya Pai
 
JavaScript - The new English
Mário Gonçalves
 
Elm - functional programming for frontend
Jawahar
 
J query
Alliza Reyes
 
Client side scripting using Javascript
Bansari Shah
 
Ad

Similar to Js slideshare (20)

PPTX
Unit 3-Javascript.pptx
AmanJha533833
 
PPTX
MYSQL DATABASE INTRODUCTION TO JAVASCRIPT.pptx
ArjayBalberan1
 
PPTX
An Introduction to JavaScript
tonyh1
 
PPTX
JavascriptCOmpleteGuideCourseFromZero.pptx
AlaeddineTheljani
 
PDF
Basics of JavaScript
Bala Narayanan
 
PPTX
IntroJavascript.pptx cjfjgjggkgutufjf7fjvit8t
SooryaPrashanth1
 
PPTX
An introduction to javascript
tonyh1
 
PPT
JavaScript Workshop
Pamela Fox
 
PPTX
JavaScript New Tutorial Class XI and XII.pptx
rish15r890
 
PPT
JavaScript ppt for beginners to learn basics
ssuser515b641
 
DOC
Basics java scripts
ch samaram
 
PPTX
1. java script language fundamentals
Rajiv Gupta
 
PPTX
WT JAVASCRIPT
Mohan186867
 
PPT
JavaScript - An Introduction
Manvendra Singh
 
PDF
javascriptPresentation.pdf
wildcat9335
 
PPT
Introduction to JavaScript
Andres Baravalle
 
PPTX
Lecture 5 javascript
Mujtaba Haider
 
PPTX
HNDIT1022 Week 08, 09 10 Theory web .pptx
IsuriUmayangana
 
PPTX
Java script
Abhishek Kesharwani
 
PDF
java-scriptcdvcx vnbm,azsdfghjkml;sxdfcgmndxfcgvhb nmfctgvbhjnm ,cfgvb nm,xc ...
kavigamage62
 
Unit 3-Javascript.pptx
AmanJha533833
 
MYSQL DATABASE INTRODUCTION TO JAVASCRIPT.pptx
ArjayBalberan1
 
An Introduction to JavaScript
tonyh1
 
JavascriptCOmpleteGuideCourseFromZero.pptx
AlaeddineTheljani
 
Basics of JavaScript
Bala Narayanan
 
IntroJavascript.pptx cjfjgjggkgutufjf7fjvit8t
SooryaPrashanth1
 
An introduction to javascript
tonyh1
 
JavaScript Workshop
Pamela Fox
 
JavaScript New Tutorial Class XI and XII.pptx
rish15r890
 
JavaScript ppt for beginners to learn basics
ssuser515b641
 
Basics java scripts
ch samaram
 
1. java script language fundamentals
Rajiv Gupta
 
WT JAVASCRIPT
Mohan186867
 
JavaScript - An Introduction
Manvendra Singh
 
javascriptPresentation.pdf
wildcat9335
 
Introduction to JavaScript
Andres Baravalle
 
Lecture 5 javascript
Mujtaba Haider
 
HNDIT1022 Week 08, 09 10 Theory web .pptx
IsuriUmayangana
 
Java script
Abhishek Kesharwani
 
java-scriptcdvcx vnbm,azsdfghjkml;sxdfcgmndxfcgvhb nmfctgvbhjnm ,cfgvb nm,xc ...
kavigamage62
 
Ad

Recently uploaded (20)

PPTX
AgentX UiPath Community Webinar series - Delhi
RohitRadhakrishnan8
 
PPTX
Module_II_Data_Science_Project_Management.pptx
anshitanarain
 
PPTX
database slide on modern techniques for optimizing database queries.pptx
aky52024
 
PDF
6th International Conference on Artificial Intelligence and Machine Learning ...
gerogepatton
 
PPT
Ppt for engineering students application on field effect
lakshmi.ec
 
PPTX
MET 305 MODULE 1 KTU 2019 SCHEME 25.pptx
VinayB68
 
PDF
Software Testing Tools - names and explanation
shruti533256
 
PDF
BRKDCN-2613.pdf Cisco AI DC NVIDIA presentation
demidovs1
 
PDF
settlement FOR FOUNDATION ENGINEERS.pdf
Endalkazene
 
PDF
EVS+PRESENTATIONS EVS+PRESENTATIONS like
saiyedaqib429
 
PPTX
MSME 4.0 Template idea hackathon pdf to understand
alaudeenaarish
 
PDF
5 Influence line.pdf for structural engineers
Endalkazene
 
PDF
Principles of Food Science and Nutritions
Dr. Yogesh Kumar Kosariya
 
PPTX
Production of bioplastic from fruit peels.pptx
alwingeorgealwingeor
 
PDF
Introduction to Ship Engine Room Systems.pdf
Mahmoud Moghtaderi
 
PDF
Unit I Part II.pdf : Security Fundamentals
Dr. Madhuri Jawale
 
PPTX
IoT_Smart_Agriculture_Presentations.pptx
poojakumari696707
 
PPTX
easa module 3 funtamental electronics.pptx
tryanothert7
 
PPT
SCOPE_~1- technology of green house and poyhouse
bala464780
 
PPTX
ANIMAL INTERVENTION WARNING SYSTEM (4).pptx
dodultrongaming
 
AgentX UiPath Community Webinar series - Delhi
RohitRadhakrishnan8
 
Module_II_Data_Science_Project_Management.pptx
anshitanarain
 
database slide on modern techniques for optimizing database queries.pptx
aky52024
 
6th International Conference on Artificial Intelligence and Machine Learning ...
gerogepatton
 
Ppt for engineering students application on field effect
lakshmi.ec
 
MET 305 MODULE 1 KTU 2019 SCHEME 25.pptx
VinayB68
 
Software Testing Tools - names and explanation
shruti533256
 
BRKDCN-2613.pdf Cisco AI DC NVIDIA presentation
demidovs1
 
settlement FOR FOUNDATION ENGINEERS.pdf
Endalkazene
 
EVS+PRESENTATIONS EVS+PRESENTATIONS like
saiyedaqib429
 
MSME 4.0 Template idea hackathon pdf to understand
alaudeenaarish
 
5 Influence line.pdf for structural engineers
Endalkazene
 
Principles of Food Science and Nutritions
Dr. Yogesh Kumar Kosariya
 
Production of bioplastic from fruit peels.pptx
alwingeorgealwingeor
 
Introduction to Ship Engine Room Systems.pdf
Mahmoud Moghtaderi
 
Unit I Part II.pdf : Security Fundamentals
Dr. Madhuri Jawale
 
IoT_Smart_Agriculture_Presentations.pptx
poojakumari696707
 
easa module 3 funtamental electronics.pptx
tryanothert7
 
SCOPE_~1- technology of green house and poyhouse
bala464780
 
ANIMAL INTERVENTION WARNING SYSTEM (4).pptx
dodultrongaming
 

Js slideshare

  • 2. Java vs JavaScript  Java - Programming Language (PL)  Interactive Web Graphics  Creating web browser applications  Writing stand-alone applications  JavaScript - Scripting Language  Runs within the context of the Web browser  Customizing pages based on browser version  Visual Feedback to user actions  Validating data entered on HTML Forms  In reality, Java and JavaScript are unrelated…
  • 3. PL versus SL – By Definition 3
  • 4. PL versus SL – By Type 4
  • 5. PL versus SL – By Interpretation 5
  • 6. PL versus SL – By Conversion 6
  • 7. PL versus SL - Examples 7
  • 8. Javascript(JS)  Lightweight, interpreted, object oriented language with first class functions and its best knows as scripting language for web pages  Light weight- Small memory footprint, easy to implement  interpreted- Instruction executed directly  object oriented – Model around objects  first class function – functions can be used as value
  • 10. Why JS  Client side web development (Navigators Javascript)  Native JS- not a framework  JQuery – Library  Angular JS, React JS, Ember JS – advance client side application framework  Server side web development (Live wire Javascript)  Node JS  Express JS (works with node)  Desktop , mobile and browser extensions(add-on and plug-in)  RTE - browser
  • 11. Data Types  Number  String  Boolean  Undefined  Null  Symbol
  • 12. Type coersion  Explicit coersion  Implicit coersion  Every value in javascript has boolean value
  • 13. Objects*  Free form – not bound to any class  Object literal to create object  Property of object can be accessed directly  New property can be added directly on objects  Objects can have methods _______________________________________  Dot notation versus [ ] notation
  • 14. Array  ARRAY IS SECRETLY AN OBJECT Eg: var myArray=[“Hi”,”1”,”Hello”]; myArray[0] and myArray[“0”] results same o/p  length property(checking the index not the count)
  • 15. Function  Function Declaration  Function with args  Function with return  Function expression  Anonymous function expression  Function as args  Function as Objects
  • 16. Scope and Closure  Scope Scope is based on function Not all variables are accessible anywhere Global function vs IIFE Read vs Write Compilation vs Interpretation  Closure Module pattern
  • 17. Regular fn vs Constructor  Functions are objects  Dunder proto  Inheritance