Introduction to Javascript By Satyen


Published on

An Brief Introduction to Javascript By Satyen

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Introduction to Javascript By Satyen

  1. 1. Introduction to JavaScript<br />By: Satyen Pandya<br />1<br /><br />
  2. 2. Contents<br />2<br /><ul><li> What is JavaScript ?
  3. 3. Brief History
  4. 4. JavaScript Implementations
  5. 5. ECMAScript
  6. 6. Document Object Model (DOM)
  7. 7. Browser Object Model (BOM)</li></ul><br />
  8. 8. What is JavaScript ?<br />3<br /><ul><li> JavaScriptis an implementation of the ECMAScript language standard.
  9. 9. It is used to enable programmatic access to computational objects within a host environment.
  10. 10. It can be characterized as a prototype-based object- oriented scripting language that is dynamic, weakly typed.
  11. 11. It is a client-side scripting language.</li></ul><br />
  12. 12. Brief History<br />4<br /><ul><li> JavaScript was developed by Brendan Eich of Netscape
  13. 13. It was initially called LiveScript, then renamed to</li></ul> JavaScript<br /><ul><li> In 1995 Netscape Navigator 2.0 was released with</li></ul> JavaScript 1.0<br /><ul><li> In 1996 Netscape Navigator 3.0 was released with</li></ul>JavaScript 1.1<br /><ul><li> Recent release JavaScript 1.8.5 in July, 2010</li></ul><br />
  14. 14. JavaScript Implementations<br />5<br /><ul><li> JavaScript implementation is made up of three distinct</li></ul>part :<br />The Core (ECMAScript)<br />The Document Object Model (DOM)<br />The Browser Object Model (BOM)<br />JavaScript<br /><br />
  15. 15. ECMAScript<br />6<br /><ul><li> It can provide core scripting capabilities for a variety of</li></ul>host environments, and therefore the core scripting<br />language is specified, apart from any particular host<br />environment.<br /><ul><li> ECMAScript is simply a description, defining all the properties,</li></ul>methods, and objects of a scripting language.<br /><ul><li> ECMAScript describes following :</li></ul><br />
  16. 16. DOM<br />7<br /><ul><li> Document Object Model (DOM) is application</li></ul>programming interface (API) for HTML as well as XML<br /><ul><li> The DOM maps out an entire page as a document</li></ul>composed of a hierarchy of nodes<br /><ul><li> Each an HTML or XML page is derivative of a node</li></ul><br />
  17. 17. DOM (Contd…)<br />8<br /><ul><li> DOM Level :
  18. 18. Level 1 - Map out the structure of document
  19. 19. Level 2 - Added support for mouse and user interface events, ranges, traversals, and support for </li></ul> CSS through object interface.<br /><ul><li>DOM Views - Interfaces to keep track of the various</li></ul> views of document<br /><ul><li> DOM Events - Interfaces for events
  20. 20. DOM Style - Interfaces to deal with CSS-based styles
  21. 21. DOM Traversal and Range - Interfaces to traverse </li></ul> and Manipulate document tree<br /><ul><li>Level 3 - Added support of methods to load and save documents, methods to validate a document, extended support to XML 1.0</li></ul><br />
  22. 22. BOM<br />9<br /><ul><li>Browser Object Model (BOM) allows access and manipulation</li></ul>of the browser window<br /><ul><li> BOM includes :
  23. 23. Capability to…
  24. 24. Pop up new browser window
  25. 25. To move, resize, and close browser window
  26. 26. Navigator object, which provides detailed information</li></ul> about the web browser<br /><ul><li> Location object, information about the page loaded</li></ul> in browser<br /><ul><li> Screen object, information about user’s screen</li></ul> resolution<br /><ul><li> Support cookies</li></ul><br />
  27. 27. Thank you…<br />By: Satyen Pandya<br />10<br /><br />