Download to read offline
Uploaded byKetan Ghumatkar
Javascript and DOM
JavaScript is a scripting language designed to be easy to use and learn, originally created by Brendan Eich for the Netscape browser. It is primarily used for client-side programming but can also be utilized on the server side, interacting with HTML and the Document Object Model (DOM). JavaScript features various data types, including primitive and non-primitive types, and supports conditional statements, loops, and functions.
Javascript and DOM
- 1.
- 2. Little history ● Whatis javascript? ● Where did it come from? ● What does Javascript do? ● Want to get some?
- 3. What is JavaScript JavaScript≠ Java Java is complex; requires declarations, compiling, and servers JavaScript is unrelated to Java, except that: both use C syntax JavaScript uses many Java names and naming conventions JavaScript looks like Java, but is easier for less technical users to program
- 4. Where did itcome from? ● designed by Brendan Eich Silicon Graphics, Netscape now CTO of Mozilla (spin off from AOL/Netscape) ● originally called Mocha, then LiveScript built for Netscape browser partnership between Sun Microsystems and Netscape (Java runtime environment) trademark of Sun, used under lic
- 5. What does itall mean? ● capabilities scripting language easy to use and learn runtime, not compiled primarily client side, but also server side snippets ● interacts with HTML and DOM browser control form validation, formatting rollover, etc. adds client side application support
- 6. Data type -primitive ● Boolean true/false var a = true; ● Number var a = 10; ● String var a = ‘I am here!’; ● null nothing, value unknown, empty var a = null; ● undefined value is not assigned var a; // a is undefined Ref: https://javascript.info/types
- 7. Data type -non primitive ● Object ○ to store collections of data and more complex entities ● Symbol ○ to create unique identifiers for objects
- 8. Data type -nonprimitive ● Array
- 9.
- 10. Loops ● For ● For..in ●Do..while ● Switch ● While Ref: https://www.w3schools.com/jsref/jsref_statements.asp
- 11.
- 12. Function - declarativevs expressive
- 13.
- 14.
- 15. DOM Document Object Model- a standard for accessing documents ● Object ● Properties ● Methods ● Events
- 16. DOM continue... ● Propertiesdocument.cookie ● Methods document.getDocumentById(‘demo’) ● Events document.onclick = function() { console.log(123); } Ref: https://www.w3schools.com/js/js_htmldom_document.asp
- 17.
- 18.