Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
An Introduction to
JavaScript
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
An Introduction to JavaScript
The company, Netscape, designed JavaScript to provide an easy programming tools for
HTML design. Created by Brendan Eich in May 1995.
ECMA Script (European Computer Manufacturer’s Association)
ECMA Script is a Standard for a scripting languages. Languages like JavaScript are based on
the ECMA Script. ECMA Standard is based on several originating technologies, the most well
known being JavaScript (Netscape) and JScript (Microsoft).
DOM (Document Object Model)
The DOM is the way JavaScript sees its containing
pages' data. It is an object that includes how the
HTML/XHTML/XML is formatted, as well as the
browser state.
BOM (Browser Object Model)
The BOM is browser components aside from the document, like history, location,
navigator and screen (as well as some others that vary by browser).
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
What is JavaScript?
• JavaScript is a class-free, Object-oriented language.
• JavaScript is Client Side Scripting language and dynamic language.
• JavaScript is an interpreted language.
• With JavaScript you can change any object at any time.
• JavaScript is an object-oriented language with prototypal inheritance.
• With JavaScript you can create Anonymous Functions.
• JavaScript can automatically change a formatted date on a Web page.
• JavaScript can cause a linked-to page to appear in a popup window.
• Its syntax comes from Java and C languages, so many structures from those languages
apply to JavaScript as well.
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
JavaScript Features
• Syntax is similar to C++ and Java
• Case Sensitive
• Loosely Types
• Platform Independent
• Interpreted
• Semicolons, as separator for multiple statements in the same line.
• Built in Objects
• Prototype-based object-oriented programming
• Array and object literals
• Regular expressions
• Browser Detects
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
Why JavaScript?
• To create more interactive pages – client side validations
• To generate HTML dynamically
• Event Handlings
• To enhance browser capabilities by giving it a better look – printing on status bar
• Interact with embedded components like applets and active x controls
• JavaScript is relatively fast to the end user
• JavaScript is used for creating visual effects on screen, calculating data and performing
processing on web pages.
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
Available Programming Features in JavaScript
• Variables
• Data Types
• Functions
• Operators
• Arrays
• Conditions
• Events
• Reserved Words
• Prototypes
• Objects
• Objects
• DOM
• BOM
• Reg Exp
• Array Objects
• Call back
• Closures
• Hoisting
• Scope
• Function Declaration Types
• Browser Detection
• Debugging
• Call, Apply
• Strict Mode
Here are list of some of important available features in JavaScript.
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
JavaScript Syntax
External JavaScript
Internal JavaScript Inline JavaScript
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
Some of List Of JavaScript Frameworks
DOM Related Frameworks
React JS
Dojo
JQuery
Moo Tools
Prototype
YUI
Graphical/visualization
D3
High Charts
Raphael
Three
Any Chart
GUI Widgets
Bootstrap
Dojo Widgets
Ext JS of Sencha
JQuery UI
Kendo UI of Telerik
OpenUI5 of SAP
MVC, MVVM
Angular
Backbone
Ember
Enyo
Ext JS
Google Web Toolkit
Knockout
Meteor
React
SproutCore
Unit Testing
Jasmine
Mocha
Template Engine
Handle bars
JQuery Mobile
Mustache
Pure JS/AJAX
Google Closure
Socket IO
Underscore
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
JavaScript References
https://developer.mozilla.org/en-US/docs/Web/JavaScript
https://msdn.microsoft.com/en-us/library/br212465(v=vs.94).aspx
http://www.java2s.com/
http://www.w3schools.com/js/
http://www.javascriptkit.com/javatutors/index.shtml
http://www.tutorialspoint.com/javascript/
Author : Subrahmanyam Poluru | Website : www.onlinetraininghome.com
Thank You
Author : Subrahmanyam Poluru
Website : www.subrahmanyampoluru.com
E-mail : info@onlinetraininghome.com
For Training : www.onlinetraininghome.com

An overview of JavaScript

  • 1.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com An Introduction to JavaScript
  • 2.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com An Introduction to JavaScript The company, Netscape, designed JavaScript to provide an easy programming tools for HTML design. Created by Brendan Eich in May 1995. ECMA Script (European Computer Manufacturer’s Association) ECMA Script is a Standard for a scripting languages. Languages like JavaScript are based on the ECMA Script. ECMA Standard is based on several originating technologies, the most well known being JavaScript (Netscape) and JScript (Microsoft). DOM (Document Object Model) The DOM is the way JavaScript sees its containing pages' data. It is an object that includes how the HTML/XHTML/XML is formatted, as well as the browser state. BOM (Browser Object Model) The BOM is browser components aside from the document, like history, location, navigator and screen (as well as some others that vary by browser).
  • 3.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com What is JavaScript? • JavaScript is a class-free, Object-oriented language. • JavaScript is Client Side Scripting language and dynamic language. • JavaScript is an interpreted language. • With JavaScript you can change any object at any time. • JavaScript is an object-oriented language with prototypal inheritance. • With JavaScript you can create Anonymous Functions. • JavaScript can automatically change a formatted date on a Web page. • JavaScript can cause a linked-to page to appear in a popup window. • Its syntax comes from Java and C languages, so many structures from those languages apply to JavaScript as well.
  • 4.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com JavaScript Features • Syntax is similar to C++ and Java • Case Sensitive • Loosely Types • Platform Independent • Interpreted • Semicolons, as separator for multiple statements in the same line. • Built in Objects • Prototype-based object-oriented programming • Array and object literals • Regular expressions • Browser Detects
  • 5.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com Why JavaScript? • To create more interactive pages – client side validations • To generate HTML dynamically • Event Handlings • To enhance browser capabilities by giving it a better look – printing on status bar • Interact with embedded components like applets and active x controls • JavaScript is relatively fast to the end user • JavaScript is used for creating visual effects on screen, calculating data and performing processing on web pages.
  • 6.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com Available Programming Features in JavaScript • Variables • Data Types • Functions • Operators • Arrays • Conditions • Events • Reserved Words • Prototypes • Objects • Objects • DOM • BOM • Reg Exp • Array Objects • Call back • Closures • Hoisting • Scope • Function Declaration Types • Browser Detection • Debugging • Call, Apply • Strict Mode Here are list of some of important available features in JavaScript.
  • 7.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com JavaScript Syntax External JavaScript Internal JavaScript Inline JavaScript
  • 8.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com Some of List Of JavaScript Frameworks DOM Related Frameworks React JS Dojo JQuery Moo Tools Prototype YUI Graphical/visualization D3 High Charts Raphael Three Any Chart GUI Widgets Bootstrap Dojo Widgets Ext JS of Sencha JQuery UI Kendo UI of Telerik OpenUI5 of SAP MVC, MVVM Angular Backbone Ember Enyo Ext JS Google Web Toolkit Knockout Meteor React SproutCore Unit Testing Jasmine Mocha Template Engine Handle bars JQuery Mobile Mustache Pure JS/AJAX Google Closure Socket IO Underscore
  • 9.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com JavaScript References https://developer.mozilla.org/en-US/docs/Web/JavaScript https://msdn.microsoft.com/en-us/library/br212465(v=vs.94).aspx http://www.java2s.com/ http://www.w3schools.com/js/ http://www.javascriptkit.com/javatutors/index.shtml http://www.tutorialspoint.com/javascript/
  • 10.
    Author : SubrahmanyamPoluru | Website : www.onlinetraininghome.com Thank You Author : Subrahmanyam Poluru Website : www.subrahmanyampoluru.com E-mail : info@onlinetraininghome.com For Training : www.onlinetraininghome.com