Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Using jQuery To Survive In ASP.NET Webforms World

This is mainly a tips-and-workarounds kind of a session. In which we go through different approaches in using jQuery in ASP.NET 3.5 and 4.0 applications to achieve common functionality with much better performance and UI richness without paying so many additional development hours to deliver this. Also shows how ASP.NET AJAX Library Beta can work for even further power, as well as how far tool support can give us in real world applications. In brief, we show how to use the right tool for the right job!

  • Login to see the comments

Using jQuery To Survive In ASP.NET Webforms World

  1. 1. Using jQuery To Survive In ASP.NET Webforms World<br />net<br />ASP.<br />jQuery<br />Mohamed Meligy<br />http://GuruStop.NET<br />
  2. 2. Who am I?<br />2005: Blogging,,, http://GuruStop.NET<br />2006: SilverKey Demo Day 1<br />2007: SilverKey Demo Day 2<br />2007: Several dotNETwork Gatherings<br />2008: ITWorxCutting Edge Club<br />2008: Several dotNETwork Gatherings<br />2009: doeNETwork Code Camp`09<br />Worked in SilverKey, Raya Experts Team<br />Currently Working in Abu Dhabi<br />2010: doeNETwork Code Camp`10<br />
  3. 3. Topics<br />Quick Introduction to jQuery<br />Demo<br />VS 2008 Intellisense<br />VS 2010 Integration<br />Demo<br />Working with ASP.NET Controls<br />Demo<br />Working with ASP.NET AJAX<br />Demo<br />Working with ASP.NET AJAX Library Beta<br />Demo<br />
  4. 4. What Is jQuery?<br />$("#myID").css("opacity",0.20);<br />$(".myClass1,.myclass2").hide();<br />$("table>tbody>tr:even").addClass("gridAlternate").css( {font-weight:"bold",padding:"3px"} );<br />$("#gdEntriestr").click(function(e){ alert( $( );});<br />$("<div>").attr("id","divNew").appendTo(document.body);<br />
  5. 5. Introducing jQuery<br /><br />
  6. 6. jQuery Wrapped Object<br />$().html().text().val().attr().append().empty()<br />$().css().addClass().removeClass().hasClass().offset().height().width().scrollTop().scrollLeft().show().hide()<br />$().find().is().has().not().filter().parent().closest().next()<br />$().live().bind().click().dblclick().hover().toggle().blur().keydown().keyup().resize().mouseover().mousedown()<br />
  7. 7. Visual Studio Intellisense<br />Visual Studio 2008<br />Requires<br />Manual jQuery files<br />VS 2008 Service Pack 1<br />Special hot-fix file<br />Visual Studio 2010<br />Default solution structure<br />jQuery 1.3.2<br />You still need to replace for jQuery 1.4<br />
  8. 8.
  9. 9. jQuery Functionality<br /><ul><li>Fucntions</li></ul>$.ajax<br />$.post,<br />$.getJson<br /><ul><li>UI Library</li></ul>Tabs<br />Modal Dialogs<br />Date Picker<br />Slider<br />So much more…<br /><ul><li>Plug-in Framework</li></ul>All kinds of modal pop-ups<br />Validations<br />Image Slideshows<br />So much more …<br />U Library Effects<br />Fade in-out<br />Blink<br />So much more…<br />
  10. 10. DEMO<br />
  11. 11. Hosted Locally or on CDN<br />Google and Microsoft host it for you on their Content Delivery Networks.<br />Benefits<br />Cache<br />Bandwidth<br />Paralelism<br />
  12. 12. Can fallback to local source if not available.<br />
  13. 13. Where to go… <br /><br /><br /><br /><br /><br /><br /><br />Invest<br /><br /><br />Individual Blogs<br /><br /><br />http://GuruStop.NET<br /><br />