SlideShare a Scribd company logo
1
Aarambikalama??
Client side scripting
language
November
2021
3
• What is DOM?
• What is API?
• What is Js?
• European Computers Manufacturers Associations
• Variable Declaration
• Function Declaration
• Sync/Async
• Node Package Manager
The name derivation and how it was
born:
• At First webpage had only DOM.
• Initially it was named as Mocha then to LiveScript
and finally JavaScript.
• Microsoft created it’s own version of Js and named it
Jscript (Internet explorer).
• ECMA finally came to conclusion on naming it
JavaScript.
4
A Document Object Model
It is a programming interface that allows us to create,
change, or remove elements from the document. We
can also add events to these elements to make our page
more dynamic.
• Window object − Top of the hierarchy. It is the
outmost element of the object hierarchy.
• Document object − Each HTML document that gets
loaded into a window becomes a document object.
The document contains the contents of the page.
6
Ps : He is calling his family
7
8
• Js is a client side scripting language.
• Interpreter language : Line by line compilation, Needed every time when we run the program, Returns list of error found
on which line.
• What is ECMA ?
It is expanded as European Computer Manufacturers Association, They set the standards in technology world. ES6 or ECMAScript 6 is a
scripting language specification which is standardized by ECMAScript International. This specification governs some languages such
as JavaScript, ActionScript, and Jscript. ECMAScript is generally used for client-side scripting, and it is also used for writing server
applications and services by using Node.js.
9
10
11
12
13
Application programming interfaces, or APIs, simplify software development and innovation by
enabling applications to exchange data and functionality easily and securely.
REST API
• The cost of communication is comparatively higher
than WebSocket.
• Lots of getting request.
• HTTP is a common protocol in RESTful web
WEBSOCKETS
• The cost of communication is lower.
• Real-time chat application.
• The use of HTTP occurs in the initial connection.
14
15
ADD A FOOTER 16
BIG IMAGE
When we try to render something from server we receive a html,
css and a js file.
17
18
npm is a package manager for the JavaScript
programming language. It is the default package
manager for the JavaScript runtime environment
Node.js. It consists of a command line client, also
called npm, and an online database of public and
paid-for private packages, called the npm
registry.
19
• LinkedIn : Shiva Roopan
• Phone : 9843681033

More Related Content

What's hot

Css,javascript,php,mysql
Css,javascript,php,mysqlCss,javascript,php,mysql
Css,javascript,php,mysql
vurimi prasad
 

What's hot (20)

3 Things Everyone Knows About Node JS That You Don't
3 Things Everyone Knows About Node JS That You Don't3 Things Everyone Knows About Node JS That You Don't
3 Things Everyone Knows About Node JS That You Don't
 
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
[Blibli Brown Bag] Nodejs - The Other Side of Javascript[Blibli Brown Bag] Nodejs - The Other Side of Javascript
[Blibli Brown Bag] Nodejs - The Other Side of Javascript
 
Introduction To JavaScript Ajax
Introduction To JavaScript AjaxIntroduction To JavaScript Ajax
Introduction To JavaScript Ajax
 
Javascript evolution
Javascript evolutionJavascript evolution
Javascript evolution
 
JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)JavaScript Performance (at SFJS)
JavaScript Performance (at SFJS)
 
Modern web application devlopment workflow
Modern web application devlopment workflowModern web application devlopment workflow
Modern web application devlopment workflow
 
Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016Web Development with Delphi and React - ITDevCon 2016
Web Development with Delphi and React - ITDevCon 2016
 
JAVA SCRIPT
JAVA SCRIPTJAVA SCRIPT
JAVA SCRIPT
 
Css,javascript,php,mysql
Css,javascript,php,mysqlCss,javascript,php,mysql
Css,javascript,php,mysql
 
Node js projects
Node js projectsNode js projects
Node js projects
 
Future-proof Development for Classic SharePoint
Future-proof Development for Classic SharePointFuture-proof Development for Classic SharePoint
Future-proof Development for Classic SharePoint
 
JavaScript Jump Start 20220214
JavaScript Jump Start 20220214JavaScript Jump Start 20220214
JavaScript Jump Start 20220214
 
Web development basics (Part-3)
Web development basics (Part-3)Web development basics (Part-3)
Web development basics (Part-3)
 
AngularJS + NancyFx + MongoDB = The best trio for ultimate SPA by Bojan Velja...
AngularJS + NancyFx + MongoDB = The best trio for ultimate SPA by Bojan Velja...AngularJS + NancyFx + MongoDB = The best trio for ultimate SPA by Bojan Velja...
AngularJS + NancyFx + MongoDB = The best trio for ultimate SPA by Bojan Velja...
 
Building an E-commerce website in MEAN stack
Building an E-commerce website in MEAN stackBuilding an E-commerce website in MEAN stack
Building an E-commerce website in MEAN stack
 
TypeScript for Alfresco and CMIS - Alfresco DevCon 2012 San Jose
TypeScript for Alfresco and CMIS - Alfresco DevCon 2012 San JoseTypeScript for Alfresco and CMIS - Alfresco DevCon 2012 San Jose
TypeScript for Alfresco and CMIS - Alfresco DevCon 2012 San Jose
 
Miami2015
Miami2015Miami2015
Miami2015
 
Introduction To JavaScript
Introduction To JavaScriptIntroduction To JavaScript
Introduction To JavaScript
 
NoSQL for great good [hanoi.rb talk]
NoSQL for great good [hanoi.rb talk]NoSQL for great good [hanoi.rb talk]
NoSQL for great good [hanoi.rb talk]
 
Introduction to JavaScript
Introduction to JavaScriptIntroduction to JavaScript
Introduction to JavaScript
 

Similar to Java script

Language Engineering in the Cloud
Language Engineering in the CloudLanguage Engineering in the Cloud
Language Engineering in the Cloud
lennartkats
 
Net framework
Net frameworkNet framework
Net framework
jhsri
 
.Net overviewrajnish
.Net overviewrajnish.Net overviewrajnish
.Net overviewrajnish
Rajnish Kalla
 

Similar to Java script (20)

Language Engineering in the Cloud
Language Engineering in the CloudLanguage Engineering in the Cloud
Language Engineering in the Cloud
 
MERN PPT
MERN PPTMERN PPT
MERN PPT
 
Net framework
Net frameworkNet framework
Net framework
 
Asp.net new
Asp.net newAsp.net new
Asp.net new
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
 
Selenium Training in Amritsar
Selenium Training in AmritsarSelenium Training in Amritsar
Selenium Training in Amritsar
 
Selenium Training in Chandigarh
Selenium Training in ChandigarhSelenium Training in Chandigarh
Selenium Training in Chandigarh
 
Selenium Training in Jalandhar
Selenium Training in JalandharSelenium Training in Jalandhar
Selenium Training in Jalandhar
 
Analysis
AnalysisAnalysis
Analysis
 
Selenium Training in Mohali
Selenium Training in MohaliSelenium Training in Mohali
Selenium Training in Mohali
 
Selenium Training in Phagwara
Selenium Training in PhagwaraSelenium Training in Phagwara
Selenium Training in Phagwara
 
Java script anywhere. What Nombas was doing pre-acquisition.
Java script anywhere. What Nombas was doing pre-acquisition.Java script anywhere. What Nombas was doing pre-acquisition.
Java script anywhere. What Nombas was doing pre-acquisition.
 
Selenium Training in Ludhiana
Selenium Training in LudhianaSelenium Training in Ludhiana
Selenium Training in Ludhiana
 
.Net overviewrajnish
.Net overviewrajnish.Net overviewrajnish
.Net overviewrajnish
 
Babel.pptx
Babel.pptxBabel.pptx
Babel.pptx
 
Web development using asp.net
Web development using asp.netWeb development using asp.net
Web development using asp.net
 
Learn ASP
Learn ASPLearn ASP
Learn ASP
 
Beginners Node.js
Beginners Node.jsBeginners Node.js
Beginners Node.js
 
Unit - 1: ASP.NET Basic
Unit - 1:  ASP.NET BasicUnit - 1:  ASP.NET Basic
Unit - 1: ASP.NET Basic
 
Flex Rails Pres
Flex Rails PresFlex Rails Pres
Flex Rails Pres
 

More from 19TUIT038KAVIARASUM (7)

GDSC SKCT
GDSC SKCTGDSC SKCT
GDSC SKCT
 
Getting Started With Graphic Design
Getting Started With Graphic DesignGetting Started With Graphic Design
Getting Started With Graphic Design
 
Android Study Jam : Session 03 | GDSC SKCT
Android Study Jam : Session 03 | GDSC SKCTAndroid Study Jam : Session 03 | GDSC SKCT
Android Study Jam : Session 03 | GDSC SKCT
 
Asj session 2 - kirthik
Asj   session 2 - kirthikAsj   session 2 - kirthik
Asj session 2 - kirthik
 
Android study jam session 1
Android study jam   session 1Android study jam   session 1
Android study jam session 1
 
Copy of 30 days of gcp session 1 ppt
Copy of 30 days of gcp session 1 pptCopy of 30 days of gcp session 1 ppt
Copy of 30 days of gcp session 1 ppt
 
GDSC SKCT - INFO SESSION
GDSC SKCT - INFO SESSIONGDSC SKCT - INFO SESSION
GDSC SKCT - INFO SESSION
 

Recently uploaded

Online blood donation management system project.pdf
Online blood donation management system project.pdfOnline blood donation management system project.pdf
Online blood donation management system project.pdf
Kamal Acharya
 
Automobile Management System Project Report.pdf
Automobile Management System Project Report.pdfAutomobile Management System Project Report.pdf
Automobile Management System Project Report.pdf
Kamal Acharya
 
Fruit shop management system project report.pdf
Fruit shop management system project report.pdfFruit shop management system project report.pdf
Fruit shop management system project report.pdf
Kamal Acharya
 
RS Khurmi Machine Design Clutch and Brake Exercise Numerical Solutions
RS Khurmi Machine Design Clutch and Brake Exercise Numerical SolutionsRS Khurmi Machine Design Clutch and Brake Exercise Numerical Solutions
RS Khurmi Machine Design Clutch and Brake Exercise Numerical Solutions
Atif Razi
 

Recently uploaded (20)

Online blood donation management system project.pdf
Online blood donation management system project.pdfOnline blood donation management system project.pdf
Online blood donation management system project.pdf
 
Introduction to Machine Learning Unit-4 Notes for II-II Mechanical Engineering
Introduction to Machine Learning Unit-4 Notes for II-II Mechanical EngineeringIntroduction to Machine Learning Unit-4 Notes for II-II Mechanical Engineering
Introduction to Machine Learning Unit-4 Notes for II-II Mechanical Engineering
 
Online resume builder management system project report.pdf
Online resume builder management system project report.pdfOnline resume builder management system project report.pdf
Online resume builder management system project report.pdf
 
NO1 Pandit Amil Baba In Bahawalpur, Sargodha, Sialkot, Sheikhupura, Rahim Yar...
NO1 Pandit Amil Baba In Bahawalpur, Sargodha, Sialkot, Sheikhupura, Rahim Yar...NO1 Pandit Amil Baba In Bahawalpur, Sargodha, Sialkot, Sheikhupura, Rahim Yar...
NO1 Pandit Amil Baba In Bahawalpur, Sargodha, Sialkot, Sheikhupura, Rahim Yar...
 
shape functions of 1D and 2 D rectangular elements.pptx
shape functions of 1D and 2 D rectangular elements.pptxshape functions of 1D and 2 D rectangular elements.pptx
shape functions of 1D and 2 D rectangular elements.pptx
 
Final project report on grocery store management system..pdf
Final project report on grocery store management system..pdfFinal project report on grocery store management system..pdf
Final project report on grocery store management system..pdf
 
Automobile Management System Project Report.pdf
Automobile Management System Project Report.pdfAutomobile Management System Project Report.pdf
Automobile Management System Project Report.pdf
 
CME397 Surface Engineering- Professional Elective
CME397 Surface Engineering- Professional ElectiveCME397 Surface Engineering- Professional Elective
CME397 Surface Engineering- Professional Elective
 
ENERGY STORAGE DEVICES INTRODUCTION UNIT-I
ENERGY STORAGE DEVICES  INTRODUCTION UNIT-IENERGY STORAGE DEVICES  INTRODUCTION UNIT-I
ENERGY STORAGE DEVICES INTRODUCTION UNIT-I
 
Introduction to Casting Processes in Manufacturing
Introduction to Casting Processes in ManufacturingIntroduction to Casting Processes in Manufacturing
Introduction to Casting Processes in Manufacturing
 
fluid mechanics gate notes . gate all pyqs answer
fluid mechanics gate notes . gate all pyqs answerfluid mechanics gate notes . gate all pyqs answer
fluid mechanics gate notes . gate all pyqs answer
 
fundamentals of drawing and isometric and orthographic projection
fundamentals of drawing and isometric and orthographic projectionfundamentals of drawing and isometric and orthographic projection
fundamentals of drawing and isometric and orthographic projection
 
Event Management System Vb Net Project Report.pdf
Event Management System Vb Net  Project Report.pdfEvent Management System Vb Net  Project Report.pdf
Event Management System Vb Net Project Report.pdf
 
The Benefits and Techniques of Trenchless Pipe Repair.pdf
The Benefits and Techniques of Trenchless Pipe Repair.pdfThe Benefits and Techniques of Trenchless Pipe Repair.pdf
The Benefits and Techniques of Trenchless Pipe Repair.pdf
 
Natalia Rutkowska - BIM School Course in Kraków
Natalia Rutkowska - BIM School Course in KrakówNatalia Rutkowska - BIM School Course in Kraków
Natalia Rutkowska - BIM School Course in Kraków
 
WATER CRISIS and its solutions-pptx 1234
WATER CRISIS and its solutions-pptx 1234WATER CRISIS and its solutions-pptx 1234
WATER CRISIS and its solutions-pptx 1234
 
Fruit shop management system project report.pdf
Fruit shop management system project report.pdfFruit shop management system project report.pdf
Fruit shop management system project report.pdf
 
Scaling in conventional MOSFET for constant electric field and constant voltage
Scaling in conventional MOSFET for constant electric field and constant voltageScaling in conventional MOSFET for constant electric field and constant voltage
Scaling in conventional MOSFET for constant electric field and constant voltage
 
Danfoss NeoCharge Technology -A Revolution in 2024.pdf
Danfoss NeoCharge Technology -A Revolution in 2024.pdfDanfoss NeoCharge Technology -A Revolution in 2024.pdf
Danfoss NeoCharge Technology -A Revolution in 2024.pdf
 
RS Khurmi Machine Design Clutch and Brake Exercise Numerical Solutions
RS Khurmi Machine Design Clutch and Brake Exercise Numerical SolutionsRS Khurmi Machine Design Clutch and Brake Exercise Numerical Solutions
RS Khurmi Machine Design Clutch and Brake Exercise Numerical Solutions
 

Java script

  • 3. 3 • What is DOM? • What is API? • What is Js? • European Computers Manufacturers Associations • Variable Declaration • Function Declaration • Sync/Async • Node Package Manager
  • 4. The name derivation and how it was born: • At First webpage had only DOM. • Initially it was named as Mocha then to LiveScript and finally JavaScript. • Microsoft created it’s own version of Js and named it Jscript (Internet explorer). • ECMA finally came to conclusion on naming it JavaScript. 4
  • 5.
  • 6. A Document Object Model It is a programming interface that allows us to create, change, or remove elements from the document. We can also add events to these elements to make our page more dynamic. • Window object − Top of the hierarchy. It is the outmost element of the object hierarchy. • Document object − Each HTML document that gets loaded into a window becomes a document object. The document contains the contents of the page. 6 Ps : He is calling his family
  • 7. 7
  • 8. 8 • Js is a client side scripting language. • Interpreter language : Line by line compilation, Needed every time when we run the program, Returns list of error found on which line. • What is ECMA ? It is expanded as European Computer Manufacturers Association, They set the standards in technology world. ES6 or ECMAScript 6 is a scripting language specification which is standardized by ECMAScript International. This specification governs some languages such as JavaScript, ActionScript, and Jscript. ECMAScript is generally used for client-side scripting, and it is also used for writing server applications and services by using Node.js.
  • 9. 9
  • 10. 10
  • 11. 11
  • 12. 12
  • 13. 13
  • 14. Application programming interfaces, or APIs, simplify software development and innovation by enabling applications to exchange data and functionality easily and securely. REST API • The cost of communication is comparatively higher than WebSocket. • Lots of getting request. • HTTP is a common protocol in RESTful web WEBSOCKETS • The cost of communication is lower. • Real-time chat application. • The use of HTTP occurs in the initial connection. 14
  • 15. 15
  • 17. BIG IMAGE When we try to render something from server we receive a html, css and a js file. 17
  • 18. 18 npm is a package manager for the JavaScript programming language. It is the default package manager for the JavaScript runtime environment Node.js. It consists of a command line client, also called npm, and an online database of public and paid-for private packages, called the npm registry.
  • 19. 19
  • 20. • LinkedIn : Shiva Roopan • Phone : 9843681033