• Save
jQuery - A Walk On The Client Side
Upcoming SlideShare
Loading in...5
×
 

jQuery - A Walk On The Client Side

on

  • 3,509 views

Slides from my jQuery presentation at Refresh Miami on 3/25/2010. Special thanks to Karl Swedberg for sharing his slide content with me.

Slides from my jQuery presentation at Refresh Miami on 3/25/2010. Special thanks to Karl Swedberg for sharing his slide content with me.

Statistics

Views

Total Views
3,509
Views on SlideShare
3,412
Embed Views
97

Actions

Likes
2
Downloads
0
Comments
0

17 Embeds 97

http://udevi-community.blogspot.com 62
http://www.slideshare.net 6
http://udevi-community.blogspot.in 5
http://udevi-community.blogspot.fr 4
http://udevi-community.blogspot.com.br 3
http://udevi-community.blogspot.it 3
http://udevi-community.blogspot.co.uk 3
http://udevi-community.blogspot.com.es 2
http://udevi-community.blogspot.ch 1
http://udevi-community.blogspot.ro 1
http://udevi-community.blogspot.sg 1
http://udevi-community.blogspot.hu 1
http://udevi-community.blogspot.cz 1
http://udevi-community.blogspot.co.il 1
http://udevi-community.blogspot.de 1
http://udevi-community.blogspot.ca 1
http://udevi-community.blogspot.kr 1
More...

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 - A Walk On The Client Side jQuery - A Walk On The Client Side Presentation Transcript

    • A Walk on the Client Sidewith jQueryPart 1
    • Rey Bango
      jQuery Project Team Member
      Community PM for Scripting & Web Client Technologies – Microsoft
      Ajaxian.com Writer
      Email: rey@reybango.com
      Blog: http://blog.reybango.com
      Twitter: @reybango
    • Old School JavaScript
      Browser Targeting
      “Best Viewed in ….”
      Inline JavaScript
      <a href="#whatisit" onMouseOut="MM_swapImgRestore()"   onMouseOver="MM_swapImage('Whatis','',   'whatis-active.png',1)">   <img name="Whatis" src="buttons/whatis-unactive.png"></a> 
    • Web Standards
      • Unobtrusive JavaScript
      Content, Presentation & Behavior are seperated
      Content
      Presentation
      Behavior
      Tests features, not browsers
    • Benefits
      Quick, terse syntax
      Simplifies interaction between HTML & JavaScript
      Excellent documentation & thriving community
      Open Source
      Unobtrusive from the ground up
      Wildly Popular
    • Users
      • IBM, Intel, Dell
      • NBC, CBS, Newseek, Major League Baseball
      • Slashdot, Sourceforge
      • Github, Newsgator, Feedburner
      • Bank of America, Intuit
    • jQuery Is Wildly Popular
      Ref: trends.builtwith.com
    • 1 in 5 Sites that Use JavaScript
      use jQuery
    • jQuery Is Wildly Popular
      Ref: Indeed.com
    • Why?
      Community
      23 Team Members
      Continuously growing community of developers
      Support Resources
      Tutorials: http://docs.jquery.com/Tutorials
      Forums: http://forums.jquery.com
      IRC: freenode #jquery
      Microsoft Phone Support
      Local Groups: http://meetups.jquery.com/
    • Why?
      Documentation
      Official Documentation api.jquery.com (jQuery 1.4 Reference Guide)
      Books
      Learning jQuery 1.3
      jQuery Cookbook
      jQuery in Action (2nd edition)
      jQuery: Novice to Ninja
      jQuery Enlightenment
    • Why?
      Many, many online tutorials
      Learningjquery.com
      Jqueryfordesigners.com
      Nettuts.com
      Many more…
      Conferences
      Online
      San Francisco – April, 2010
      Boston
      London
      500 Attendees with waiting list of 300+
    • Why?
      Communication
      Twitter
      @jquery
      @jqueryui
      @jquerysites
      @jquerypodcast
      jQueryTeam List (http://twitter.com/jquery/team)
      jQuery Podcast (iTunes & jQuery Blog)
      YayQueryVideocast (http://yayquery.com/)
    • Why?
      Availability
      Source: http://github.com/jquery
      Microsoft: http://www.asp.net/ajax/cdn/
      Google: http://code.google.com/apis/ajaxlibs
      Download from jQuery.com
    • Why?
      jQuery is Open Source
      Dual-licensed: MIT and GPL
      Copyright (c) 2009 John Resig, http://jquery.com/
      Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
      The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
      THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND …
    • Syntax
      jQuery Has Quick, Terse Syntax
      var x = $(window).width(); var y = $(window).height();
      jQuery Simplifies Interaction
      Find Something
      Do Something
    • $( 'div' )
    • Selectors
      CSS Selectors
      #id {} .class {}
      ancestor descendant {}
      With jQuery
      $('#id')
      $('.class')
      $('ancestor descendant')
      Full CSS Selector 1-3 Support
      Better CSS Selector support than most browsers
    • Features
      Interaction plugins
      Draggable, droppable, resizable, sortable, selectable
      UI controls
      Accordion, autocomplete, button, date picker, slider, more…
      Visual effects
      Basic effects, transitions, animation, easing…
      Focus on web standards
      Accessible
      Skinnable
      Tested for compatibility in IE 6.0+, FF 2+, Safari 3.1+, Opera 9.0+, and Google Chrome
      Same license as jQuery
      Completely open source
    • Users
      • Oracle, RIM, Capcom
      • BusinessWeek, iVillage
      • Slashdot, Sourceforge
      • Tivo, Univision
      • bit.ly, Northwest Airlines
    • Availability
      CDN support, just like jQuery
      Source: http://github.com/jquery/jquery-ui
      Google: http://code.google.com/apis/ajaxlibs
      Roll Your Own jQuery UI
      Download Builder
      Choose the modules
      Choose the theme
      Bam! Download it
    • Demo