Javascript session 01 - Introduction to Javascript
•Download as PPTX, PDF•
0 likes•695 views
The document provides an introduction to JavaScript, covering its history from 1995, implementation including the ECMAScript core and DOM/BOM browser APIs, and features such as variables, data types, operators and statements. It also discusses the different levels of the DOM specification and browser support, as well as JavaScript engines and the JavaScript language fundamentals.
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to Javascript session 01 - Introduction to Javascript
Similar to Javascript session 01 - Introduction to Javascript (20)
Recently uploaded
Recently uploaded (20)
Javascript session 01 - Introduction to Javascript
- 2. History of Javascript First appeared in 1995 Main purpose was Input validation Netscape Navigator 3 Cmm -> ScriptEase -> Expresso Pages Brendan Eich Mocha -> LiveScript -> Javascript IE 3 & Jscript ECMAScript – 1997
- 3. Javascript Implementation The Core (ECMAScript) Document Object Model (DOM) Browser Object Model (BOM)
- 4. Implementations of ECMAScript Javascript JScript ActionScript Ejscript JSCript 3.0
- 5. DOM API for XML & HTML documents Hierarchy of Nodes
- 6. <html> <head> <title>DOM Example</title> </head> <body> <p>Welcome to the DOM</p> </body> </html> HTML Document
- 7. HTML HEAD TITLE DOM Example BODY P Welcome to the DOM DOM Hierarchy Representation
- 8. DOM Control of Content & Structure Add, remove and modify nodes Standards Levels DOM Level 0 DOM Level 1 DOM Level 2 DOM Level 3
- 9. DOM Level 0 Netscape Navigator 3 & IE 3 Primitive Level 1 DOM Core DOM HTML
- 10. DOM Level 2 Views Events Styles Traversal Range
- 11. DOM Level 3 DOM Load & Save DOM Validation Xpath XML Base
- 12. DOM Other DOMs Scalable Vector Graphics (SVG) Mathematical Markup Language (MathML) Synchronized Multimedia Integration Language (SMIL)
- 13. DOM Browser Support Level 0 Netscape Navigator 4 Internet Explorer 4 Opera 1 – 6 Level 1 Netscape Navigator 6+ Internet Explorer 5+ Opera 7+ Safari
- 14. DOM Browser Support Cont.. Level 2 Internet Explorer 8 Safari 2+ Chrome Opera 7+ Level 3 Safari 3+ Chrome 2+ Firefox 1+ Opera 9+
- 15. BOM Internet Explorer 3 Interact with the Browser No Standards
- 16. BOM Opening windows – window.open Move, resize & close windows Navigator object location object screen object Cookie XMLHttpRequest
- 17. Browser Engines Trident Gecko WebKit KHTML Presto
- 18. Javascript Language ECMAScript 3rd Edition C, Perl Syntax Case Sensitive
- 19. Identifiers A-Z, a-z, 0-9, $, _ Cannot use Keywords and reserved words Comments //single-line comments /* */ multi-line comments
- 20. Statements Ends with ; is optional but recommended var sum = a + b var difference = a – b;
- 21. Statements Multiple statements wrap in { } if (true === true) { varmsg = “hello”; alert(msg + “world”); }
- 22. break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceoftypeof Keywords
- 23. abstract enumint short boolean export interface static byte extends long super char final native synchronized class float package throws constgoto private transient debugger implements protected volatile double import public Reserved Words
- 24. Variables Loosely typed Can hold any data Can be modified and contain different type of value ‘var’ scope
- 25. function myFunction () { varmyVariables = ‘some string’; } alert(myVariables); //undefined var a = 1, b = ‘hello’, myArray = {};
- 26. Datatypes Five primitive datatypes Undefined Null Boolean Number String ‘typeof’ operator ‘objects’
- 27. Undefined var temp; alert(temp); //undefined alert(typeof temp === ‘undefined’) //true
- 28. Null Empty object pointer var temp = null; alert(null == undefined) //true alert(null === undefined) //false
- 29. Boolean Boolean() true false String non-empty string empty string Number non-zero 0 Object any object Undefined – false Null - false
- 30. Number Integers & floating point values varintNum = 100; //integer varoctNum = 070; //Octal for 56 varhexNum = 0xA; //Hex for 10 var floatNum1 = 1.1; //float var floatNum2 = 1.; //1 integer var floatNum3 = 0.1; //1 integer varlrgFloat = 3.125e7; //31250000 //3.125 * 10^7
- 31. Number NaN – not a number isNaN() NaN === NaN isNaN(NaN); //true isNaN(10); //false isNaN(’10’); //false isNaN(‘cool’); //true isNaN(true); //false
- 32. Number Number() Number.MIN_VALUE NUMBER.MAX_VALUE Infinity isFinite()
- 33. String Object