Learn Jquery step by step [ jQuery Course ]

→ Are you a new visitor? Please visit the page guidance for new visitors ←

Learn Jquery step by step

We’ve been talking since some time now about some advanced techniques regarding this thing called “jQuery”, but now it is time to cover it in more detail and structure it also for beginners. We will start a little journey with jQuery, trying to cover in detail the most significant parts, making it a little more or less as a jQuery course for beginners.

What is jQuery ?

From Wikipedia, jQuery is a multi-browser JavaScript framework designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig. Both version 1.x and 2.x of jQuery support “current-1 version” (meaning the current stable version of the browser and the version that preceded it) of Firefox, Google Chrome, Safari, and Opera. The version 1.x also supports Internet Explorer 6 or higher version. However, jQuery version 2.x dropped Internet Explorer 6–8 support and can run only with IE 9 or higher. Due to this reason, version 1.x is still recommended by jQuery’s developers.

Why jQuery?

This framework allows developers to create plug-in code to extend its functionality. This is a huge thing because it allows you to write code in order to help others, and promote code reusability by solving the same problem for one or more projects. These are called jQuery plugins. You can write plugins about ajax helpers, web services, datagrids, dynamic lists, XML and XSLT tools, drag and drop, events, cookie handling or modal windows and the list can go on and on. Jquery is easy to learn and has a very suggestive syntax for usage. Methods called like “append()” or “css()” tell everything about them without even trying too much.

Installation

Jquery is very very easy to install and very lightweight. It is available here on their official website.

There are several ways to start using jQuery on your web site. You can:

  • Download the jQuery library from jQuery.com
  • Include jQuery from a CDN, like Google

There are two versions of jQuery available for downloading:

  • Production version – this is for your live website because it has been minified and compressed
  • Development version – this is for testing and development (uncompressed and readable code)

You just have to include the script before the enclosing body tag like this ( from the local directory):

or from a remote source ( like Google CDN ) like this:

Future tutorials

In the next tutorials we will cover:

I wait for you to accompany me in this journey. You will learn to use jQuery in your projects and take your website to another level. Until next time, happy coding! 🙂

Request an article ←