Using jQuery To Survive In ASP.NET Webforms World

5,647 views

Published on

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!

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,647
On SlideShare
0
From Embeds
0
Number of Embeds
235
Actions
Shares
0
Downloads
49
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script> <script type="text/javascript"> if (typeof jQuery == 'undefined')document.write(unescape("%3Cscript src='/scripts/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); </script><!--------------------------------------------------------------------------------><script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js"></script><script type="text/javascript">if (typeof jQuery == 'undefined'){document.write(unescape("%3Cscript src='/Scripts/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));}</script>
  • 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://geekswithblogs.net/Mohamed, http://weblogs.asp.net/meligy, 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( $(e.target).text() );});<br />$("<div>").attr("id","divNew").appendTo(document.body);<br />
    5. 5. Introducing jQuery<br />http://docs.jQuery.com/Selectors<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 />http://jquery.org<br />http://jquery.com<br />http://asp.net/ajaxlibrary<br />http://asp.net/ajaxlibrary/CDN.ashx<br />http://weblogs.asp.net/aspnet-team<br />http://blogs.msdn.com/webdevtools<br />http://tinyurl.com/vsdoc<br />Invest<br />http://tekpub.com<br />http://tinyurl.com/51-jquery-aspnet<br />Individual Blogs<br />http://encosia.com<br />http://mattberseth.com<br />http://GuruStop.NET<br />Eng.meligy@gmail.com<br />

    ×