This is not the document you are looking for? Use the search form below to find more!

Report home > Others

Kyle Bradshaw’s JQuery Best Practices

0.00 (0 votes)

Document Description

File Details

Added: April, 26th 2011
Reads: 73
Downloads: 0
File size: 49.33kb
Pages: 13
Tags: jquery, javascript, programming, jquery2009conferenceboston, framework, jquery09
content preview

Submitter

Name: lucas

READ ONLINE

Kyle Bradshaw’s JQuery Best Practices screenshot

Embed Code:

DOWNLOAD

Add New Comment

Jquery Best Practices

by: etoile, 18 pages

10/28/09 HUGE / ParentsConnect / HUGE 45 Main Street, 2nd Floor NY NY 11201 718.625.4843 www.hugeinc.com jQuery Best Practices Being Awesome with jQuery October 13th, 2009 ...

Records Management Best Practices Guide

by: christian, 28 pages

Records Management Best Practices Guide A Practical Approach to Building a Comprehensive and Compliant Records Management Program Protecting and Managing the World’s ...

Landing Page Best Practices

by: isabel, 21 pages

Landing Page Best Practices

Energy (Oil) Risk Management -Best Practices

by: gabrjel, 48 pages

Energy (Oil) Risk Management -Best Practices

Rhodia Eco Services and Supply Chain Best Practices

by: johanna, 10 pages

Rhodia Eco Services and Supply Chain Best Practices

Social Media Best Practices

by: elle, 64 pages

Social Media Best Practices

Javascript Best Practices

by: sebastian, 145 pages

Javascript Best Practices

Best Practices Romeo And Juliet Prologue

by: katja, 15 pages

Romeo and JulietAct 1 Prologue Best Practices for ESL LearnersShakespeare UnitMs. Aixa B. RodriguezHigh School of World CulturesAim: How can we ...

SharePoint Training Best Practices

by: kriszta, 20 pages

SharePoint Training Best PracticesNOVDECJANFEBMARAPRYou’ve just finished deploying SharePoint. Now your team can kick back and ...

Content Preview

jQueryWhat is jQuery?• jQuery is a JavaScript Framework• jQuery takes away the pain• jQuery is a designers best friend• jQuery is designed to change the way that you write JavaScript.jQuery Simpliﬁes• CSS Selectors$(“a”).css(“color”,”red”);• Chainable$(“a”).css(“background-color”,”green”).click(function(){ return conﬁrm(“Are you sure?”);});• Web 2.0 Effects• Easily Extensible• Enhanced Browser Support. Separation• CSS - Presentation from markup.• jQuery - Behavior from markup.• *Degradation* (but do so gracefully)• No more <a onclick=”doSomething()” href=” ...• Cleaner, Easier to manage codeWhy I love it• Immediately productive• Excellent documentation http://docs.jquery.com• Simple SyntaxPrototype: new Ajax.Updater('placeholder', url, { method: 'get', parameters: par });jQuery: $('#placeholder').load(url + par);• Active Community• Less is MoreDemo: Ratinghttp://kylebradshaw.com/presentations/jQuery/rating.phpTips• Speed + Efﬁciency (jrules.js)http://somedirection.com/2008/03/14/structuring-jquery-for-speed-and-efﬁciency/• <body id=”home”>• if ($("body#home").size()) { // only applies rules on the homepage}Tips• Start building the degraded version FIRST• Turn off JavaScript while testing• Leverage Plugins• Utilize <noscript>• Inline JS isn’t necessaryDemo: Comments• Toggle-able Items? - Degrade Show/Hide with CSS.toggle_me (display:none;)Enhance with jQuery$(".toggle_me").show();$(".hide_me").hide();• Ex. Comment Formhttp://kylebradshaw.com/presentations/jQuery/comments.php Avoid• Never use jQuery inlinethese practices do not degrade with JS turned OFF • http://reboot.com<a id="showAndHideComments" href="javascript:toggleVisibility('toggle');">• http://rightsagent.com<img onclick="return ra.popups.showPopup('register', 'txtNewUserEmail');" style="cursor: pointer;" src="/media/images/Register.gif"/>• Building HTML in JavaScript• Ignoring Degradation - “With great power comes great responsibility”