Sunday, March 6, 2011

jQuery Fundamentals Part 1: Introduction

As promised, I finally got around to posting about my jQuery favorites. The only problem is that this post started to grow so long with awesome jQuery techniques, that I decided to break it up into a series. This is the first of a five part series on jQuery Fundamentals.

jQueryUI

The Problem

The differences between the way different browsers implement AJAX technologies such as working with xmlHttpRequest or DOM objects makes it difficult to write, debug, and maintain code that works smoothly across multiple browsers. A simple solution to this problem is to wrap these coding details in a javascript library such as Dojo, YUI, Protoype or jQuery!

What is jQuery?

jQuery is a Javascript library that abstracts the minor differences between each browsers AJAX implementation so that you can write one set of code that works across every browser. jQuery allows you to traverse the DOM, handle events, perform animations, and add AJAX interactions into your web pages without having to worrry about cross brower compatibility. jQuery is the most popular javascript library in use today with big players such as Google, Microsoft, Amazon, Twitter, Dell, Mozilla, Wordpress, Drupal, HP, and Intel all buying into and using jQuery on many of their projects.

Getting Started

jQuery is open source and free to use in any project you may be working on. You can include and use the jQuery library locally by downloading the 29 kb file here, or you can include it through a CDN such as Microsoft or Google.


In addition to the default jQuery library, you can also include and use any of the hundreds of plugins written for jQuery found here plugins.jquery.com/. In the last part of this series we will work with jQueryUI and jQuery Themes.  

No comments:

Post a Comment