jQuery Basics Part I

Asif Ahmed

If you want to be a web developer, you must learn jQuery. I’ve been to several interviews for web development companies and while having a knowledge of HTML, CSS, and Javascript is nice, it seems that knowing jQuery will (for entry level positions) distinguish you from others applying for the same job. Luckily jQuery is easy to learn and as you learn it, you realize how powerful it is. jQuery is pretty much a library for Javascript. Instead of writing several lines of code for some Javascript capability, we can just call a function from the jQuery library and we will achieve the desired capability.

The jQuery library can be downloaded here if you want to play around with it. There are two methods for us to use the jQuery library within our web page. We could either host the jQuery file ourselves and include something similar to the following in our web page:

Or we could just link to the jQuery file that is hosted by Google.

There are a couple good reasons for following the second method. The main reason is that it will be faster for the user. If you want a more detailed understanding of how it is faster for the user, be sure to check out this link.

Though I had to quickly learn some jQuery a couple weeks ago for a coding assignment, yesterday I decided to learn from the basics. The post is the first of a 4 part series so we will actually delve into various jQuery functions and get to see these functions in action. I was using a video tutorial series to learn, which is found on a good web development blog called Theme Forest. The 15 part video series can be found here.

I still have a few things to figure out about using jQuery within a WordPress post. I want to be able to show jQuery functionality within my posts but am not sure if that will be possible. If not I’ll be linking to an outside hosting platform to demo the code. I’ll be updating later today to show examples and demos from the first 5 videos of that 15 part series.

  • http://twitter.com/mapticon M. Pace (@mapticon)

    Looks like the link to the 15 part video series is broken. I’ve installed the Use Google Libraries plugin a few times, was just trying to wrap my head around jQuery a bit more.

  • http://lifesforlearning.wordpress.com sifxtreme

    Hey, sorry about that. It must be some kinda WordPress quirk. If you Google, “theme forest jquery for beginners” the video series should be the first link. The first few videos are about 10 minutes each.