Javascript session 01 - Introduction to Javascript
Download as pptx, pdf0 likes701 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.
![Fundamental JavaScript [UTC, March 2014]](https://cdn.slidesharecdn.com/ss_thumbnails/fundamentaljavascriptutcmarch2014-140305104047-phpapp01-thumbnail.jpg?width=560&fit=bounds)
More Related Content
What's hot (20)
Viewers also liked (6)
Similar to Javascript session 01 - Introduction to Javascript (20)
Recently uploaded (20)
Javascript session 01 - Introduction to Javascript
- 2. History of JavascriptFirst appeared in 1995Main purpose was Input validationNetscape Navigator 3Cmm -> ScriptEase -> Expresso PagesBrendan EichMocha -> LiveScript -> JavascriptIE 3 & JscriptECMAScript – 1997
- 3. Javascript ImplementationThe Core (ECMAScript)Document Object Model (DOM)Browser Object Model (BOM)
- 5. DOMAPI for XML & HTML documentsHierarchy 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 DOMDOM Hierarchy Representation
- 8. DOMControl of Content & StructureAdd, remove and modify nodesStandardsLevelsDOM Level 0DOM Level 1DOM Level 2DOM Level 3
- 9. DOMLevel 0Netscape Navigator 3 & IE 3Primitive Level 1DOM CoreDOM HTML
- 11. DOMLevel 3DOM Load & SaveDOM ValidationXpathXML Base
- 12. DOMOther DOMsScalable Vector Graphics (SVG)Mathematical Markup Language (MathML)Synchronized Multimedia Integration Language (SMIL)
- 13. DOMBrowser SupportLevel 0Netscape Navigator 4Internet Explorer 4Opera 1 – 6Level 1Netscape Navigator 6+Internet Explorer 5+Opera 7+Safari
- 14. DOMBrowser Support Cont..Level 2Internet Explorer 8Safari 2+ChromeOpera 7+Level 3Safari 3+Chrome 2+Firefox 1+Opera 9+
- 15. BOMInternet Explorer 3Interact with the BrowserNo Standards
- 16. BOMOpening windows – window.openMove, resize & close windowsNavigator object location objectscreen objectCookieXMLHttpRequest
- 18. Javascript LanguageECMAScript 3rd EditionC, Perl SyntaxCase Sensitive
- 19. IdentifiersA-Z, a-z, 0-9, $, _Cannot use Keywords and reserved wordsComments//single-line comments/* */ multi-line comments
- 20. StatementsEnds with ;is optionalbut recommendedvar sum = a + bvar difference = a – b;
- 21. StatementsMultiple statements wrap in { }if (true === true) {varmsg = “hello”;alert(msg + “world”);}
- 24. VariablesLoosely typedCan hold any dataCan be modified and contain different type of value‘var’scope
- 25. function myFunction () {varmyVariables = ‘some string’;}alert(myVariables); //undefinedvar a = 1, b = ‘hello’, myArray = {};
- 26. DatatypesFive primitive datatypesUndefinedNullBooleanNumberString‘typeof’ operator‘objects’
- 27. Undefinedvar temp;alert(temp); //undefinedalert(typeof temp === ‘undefined’) //true
- 28. NullEmpty object pointervar temp = null;alert(null == undefined) //truealert(null === undefined) //false
- 29. BooleanBoolean() true falseString non-empty string empty stringNumber non-zero 0Object any objectUndefined – falseNull - false
- 30. NumberIntegers & floating point valuesvarintNum = 100; //integervaroctNum = 070; //Octal for 56varhexNum = 0xA; //Hex for 10var floatNum1 = 1.1; //floatvar floatNum2 = 1.; //1 integervar floatNum3 = 0.1; //1 integervarlrgFloat = 3.125e7; //31250000 //3.125 * 10^7
- 31. NumberNaN – not a numberisNaN()NaN === NaNisNaN(NaN); //trueisNaN(10); //falseisNaN(’10’); //falseisNaN(‘cool’); //trueisNaN(true); //false
- 33. StringObject