jQuery. Write less. Do More.
Upcoming SlideShare
Loading in...5
×
 

jQuery. Write less. Do More.

on

  • 2,451 views

jQuery presentation

jQuery presentation

Statistics

Views

Total Views
2,451
Views on SlideShare
2,441
Embed Views
10

Actions

Likes
1
Downloads
53
Comments
0

2 Embeds 10

http://www.linkedin.com 7
http://www.slideshare.net 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

jQuery. Write less. Do More. jQuery. Write less. Do More. Presentation Transcript

  • Absolute Software Dennis Loktionov jQuery: Write Less. Do More.
  • Overview
  • Core Concepts
      • Closures
      • Self-invoking functions
      • Method chaining
      • Implicit iterators
      • Namespace isolation
  • Philosophy
      • Focus on interaction between JavaScript and HTML
      • Every operation boils down to 2 things:
          • Find some stuff
          • Do something with it
  • 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']”)
  • Object Accessors
      • each(callback)
      • eq(position)
      • get()
      • get(index)
      • index(subject)
      • length()
  • Events
      • ready(fn)
      • bind(type, data, function)
      • one(type, data, function)
      • trigger(type, data)
      • unbind(type, data)
      • Mouse events
      • Keyboard events
      • toggle(fn1, fn2)
  • AJAX
      • $.ajax(options)
      • $.get(URL, data, callback)
      • $.getJSON(URL, data, callback)
      • $.load(URL, data, callback)
      • $.post(URL, data, callback, type)
  • Visual Effects
      • show (timeout, callback)
      • hide (timeout, callback)
      • slideDown(speed, callback), slideUp (speed, callback)
      • fadeIn, fadeOut
      • animate (params, options)
      • etc.
  • Sites Using jQuery
      • Google
      • IBM
      • Dell, Inc.
      • Bank of America
      • Reuters
      • BBC
      • Amazon
      • Intel
      • Oracle
      • Mozilla
      • Slashdot
      • … and thousands of others
  • Competitors
      • Prototype
      • Yahoo! UI
      • Dojo
      • mooTools
      • Google Toolkit
  • 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
  • The End
      • THANKS