Your SlideShare is downloading. ×
Java Script Basics
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Java Script Basics

266

Published on

Deck JavaScript Introduction Training

Deck JavaScript Introduction Training

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
266
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. JavaScript Basics Ravi Kumar Hamsa
  • 2. Primitive Data Types • String • Number (Integer/Float) • Boolean • null • undefined • Regex
  • 3. Introduction Fully dynamic not secure
  • 4. Object Data Types • Object • Array • Date • Function
  • 5. Conditions and Loops • if • while • do while • for • switch • == v/s ===
  • 6. Arguments Passing primitive data types passed by value object data types passed by reference there is no way you can change it
  • 7. DOM Tree window document head body div p ... ...
  • 8. Finding DOM node/s document.getElementById (single node) document.getElementsByTagName(html collection) document.getElementsByClassName(html collection) document.querySelector (single node) document.querySelectorAll (html collection)
  • 9. Common Node Properties nodeName childNodes firstChild lastChild attributes innerHTML ... ...
  • 10. DOM Manipulation • innerHTML • outerHTML • createElement • appendChild (?existing element) • removeChild • setAttribute • removeAttribute
  • 11. DOM Events click mouseenter mouseleave mousedown mouseup keyup keydown window.resize bubbling v/s capturing
  • 12. Adding Event Listeners/Handlers • setting attribute in html (onclick="jsFunction()") • setting attribute in JS (el.onclick=function(){}) • addEventListener/attachEvent
  • 13. Scope of Variables • var keyword • default global scope • var placement in function • this keyword • execution scope in callbacks • Function.call and Function.apply
  • 14. JQuery DOM Manipulation adding/removing classes setting style creating nodes Adding Event Handlers (delegating events) Ajax Calls Deferred
  • 15. crossdomain data loading iframes flash JSONP CORS
  • 16. Closures what is closure ajax callbacks setTimeOut callbacks scope chain
  • 17. Single Threaded Execution JavaScript runs on single thread At any time any one expression is being evaluated examples
  • 18. prototype chain __proto__ inheritance variable resolution performance considerations

×