jQuery. Write less. Do More.

  • 1,277 views
Uploaded on

jQuery presentation

jQuery presentation

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,277
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
53
Comments
0
Likes
1

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. Absolute Software Dennis Loktionov jQuery: Write Less. Do More.
  • 2. Overview
  • 3. Core Concepts
      • Closures
      • Self-invoking functions
      • Method chaining
      • Implicit iterators
      • Namespace isolation
  • 4. Philosophy
      • Focus on interaction between JavaScript and HTML
      • Every operation boils down to 2 things:
          • Find some stuff
          • Do something with it
  • 5. Selectors
      • CSS 3 (#id, tag, .class, parent > child, etc.)
      • XPath
      • Custom (:odd, :even, :hidden, :visible, etc.)
      • Basics
    Action JavaScript jQuery Select an element by id document.getElementById(“id”) $(“#id”) Select element by tag name document.getElementByTagName(“div”); $(“div”) Select elements by name document.getElementsByName(“elem”) $(“*[name='elem']”)
  • 6. Object Accessors
      • each(callback)
      • eq(position)
      • get()
      • get(index)
      • index(subject)
      • length()
  • 7. Events
      • ready(fn)
      • bind(type, data, function)
      • one(type, data, function)
      • trigger(type, data)
      • unbind(type, data)
      • Mouse events
      • Keyboard events
      • toggle(fn1, fn2)
  • 8. AJAX
      • $.ajax(options)
      • $.get(URL, data, callback)
      • $.getJSON(URL, data, callback)
      • $.load(URL, data, callback)
      • $.post(URL, data, callback, type)
  • 9. Visual Effects
      • show (timeout, callback)
      • hide (timeout, callback)
      • slideDown(speed, callback), slideUp (speed, callback)
      • fadeIn, fadeOut
      • animate (params, options)
      • etc.
  • 10. Sites Using jQuery
      • Google
      • IBM
      • Dell, Inc.
      • Bank of America
      • Reuters
      • BBC
      • Amazon
      • Intel
      • Oracle
      • Mozilla
      • Slashdot
      • … and thousands of others
  • 11. Competitors
      • Prototype
      • Yahoo! UI
      • Dojo
      • mooTools
      • Google Toolkit
  • 12. Further Reading
      • http://jquery.com - jQuery official website
      • http://visualjquery.com - Interactive jQuery tutorial
      • http://snurl.com/6yalw - 50 jQuery examples
      • http://plugins.jquery.com - jQuery plugins
      • http://snurl.com/6yamw Comparison of JavaScript frameworks
  • 13. The End
      • THANKS