1 / 15

J query vs ajaxcontroltoolkit by Kevin Landivar

J query vs ajaxcontroltoolkit by Kevin Landivar. Open source tools to enhance and maximize software development. Brief history of jQuery Brief history of AjaxControlToolkit What is going on with these projects? Libraries features jQuery and the DOM

freira
Download Presentation

J query vs ajaxcontroltoolkit by Kevin Landivar

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Jqueryvsajaxcontroltoolkitby Kevin Landivar Open source tools to enhance and maximize software development

  2. Brief history of jQuery • Brief history of AjaxControlToolkit • What is going on with these projects? • Libraries features • jQuery and the DOM • jQuery selector and plugins • Libraries Similarities • How to use them? CDN (Content Delivery Network) • Sample Projects • jQuery Intellisense • What to look for? Issues encountered in each technology. • So what should I use in my development? • Books and Useful links. • Questions, Comments, cheap shots What will be covered

  3. jQuery is a lightweight cross browser JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCamp NYC by John Resig. Currently it is used by over 27% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today Brief history of jQuery jQuery is free, open source software, dual-licensed under the MIT License and the GNU General Public License. jQuery's syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plugins on top of the JavaScript library. Providing this option, developers are able to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. This contributes to the creation of powerful and dynamic web pages.

  4. The AjaxControlToolkit was born inside Codeplex. CodePlex is an open source project hosting website from Microsoft. It allows shared development of open source software. The AJAX Control Toolkit is a joint project between the community and Microsoft. Brief history of ajax control toolkit The Ajax Control Toolkit contains a rich set of controls that you can use to build highly responsive and interactive Ajax-enabled Web applications. The Ajax Control Toolkit contains more than 40 controls, including the AutoComplete, CollapsiblePanel, ColorPicker, MaskedEdit, Calendar, Accordion, and Watermark controls. Using the Ajax Control Toolkit, you can build Ajax-enabled ASP.NET Web Forms applications by dragging-and-dropping Toolkit controls from the Visual Studio Toolbox onto a Web Forms page.

  5. ASP.NET AJAX framework today Microsoft AJAX framework for building highly interactive and responsive web applications that work across all popular browsers. AJAX enables developers to choose their preferred method of AJAX development, whether it is server-side programming, client-side programming, or a combination of both.

  6. Libraries Features jQuery AjaxControlToolkit Cross-browser compatibility CSS manipulation Create effects and animations Handle events Ajax interactions Extensibility through plugins DOM traversal and modification Rapid development Lightweight footprint CSS3 Compliant Utilities like browser version and the “each” function Cross-browser compatibility More than 40 controls available Easily create rich, interactive web pages Don’t need to know JavaScript Rapid development Build Ajax-enabled ASP.NET Web Forms applications by dragging-and-dropping Toolkit controls from the Visual Studio Toolbox onto a Web Forms page

  7. Must load the libraries…. • jQuery can be accessed, loaded, and run just as JavaScript has always been; • jQuery can also be loaded using the Google Ajax Libraries API like this: How to use them? • jQuery is also hosted in the Microsoft Ajax CDN (Content Delivery Network) making it easy to add the support for the jQuery library. • The Microsoft Ajax content delivery network (CDN) enables you to easily add ASP.NET Ajax Library and jQuery scripts to your Web applications. You can start using the ASP.NET Ajax Library or jQuery simply by adding a <script> tag to your page that points to Ajax.microsoft.com.

  8. Must load the libraries…. By taking advantage of the Microsoft Ajax CDN, you can significantly improve the performance of your Ajax applications. The contents of the Microsoft Ajax CDN are cached on servers located around the world. In addition, the Microsoft Ajax CDN enables browsers to reuse cached JavaScript files for Web sites that are located in different domains. The Microsoft Ajax Content Delivery Network supports SSL (HTTPS) in case you need to serve a web page using the Secure Sockets Layer. How to use them? You can download the actual ajaxcontroltoolkit project from codeplex http://ajaxcontroltoolkit.codeplex.com/

  9. Sample Projects

  10. In order to obtain intellisense when using jQuery in VS 2008 you need to… • have the Visual Studio 2008 “SP 1”installed. • install VS 2008 Patch KB958502 to Support "-vsdoc.js" Intellisensefiles. • download the jQuery-vsdoc.js file. Lookout! jQuery intellisense • The jquery-vsdoc.js must be located/placed in the same location as the jquery.js file in order for it to work. • Also the naming prefix MUST match the jQuery filename. • Currently the vsdoc support is only available for 1.2.6 ; 1.3 ; 1.3.1 ; 1.3.2 ; 1.4.1 Links: http://docs.jquery.com/Downloading_jQuery#Download_jQuery http://weblogs.asp.net/scottgu/archive/2008/11/21/jquery-intellisense-in-vs-2008.aspx

  11. Issues encountered in each technology • Each technology has its advantages and disadvantages. • Consider the learning curve. • What are you trying to accomplish in the short term, long term. • Using Master Pages with Ajax controls? • Ongoing development and improvements. • Client side? Server Side? Hybrid? And I am not talking about a Prius! • Are you developing for an intranet or the internet? Know your customer. • With great power comes great responsibility. (Thanks uncle Ben  ) What to look for?

  12. What do I use for my development?

  13. Books and useful Links jQuery In Action A must have in your collection of books. Programming ASP.NET AJAX Hands-on introduction to the Ajax framework. Provides server-side development and teaches readers how to create professional, dynamic Web pages in no time. The jQuery source http://www.jquery.com The ASP.NET Ajax Framework http://www.asp.net/ajax/ Using jQuery with aps.net MVC http://www.chadmyers.com/Blog/archive/2007/12/13/using-jquery-with-asp.net-mvc.aspx

  14. Questions? Comments? Cheap Shots? Contact Information: www.logicaltechsolutions.com Email: kevin@logicaltechsolutions.com Download the presentation and sample projects: http://www.logicaltechsolutions.com/codecamp/sessions.html

More Related