jQuery: A Really Simple Introduction
Sometimes, before you get into the intricacies of a subject, you just was a really simple, conceptual overview of what it involves.
This video provides a simple introduction to jQuery, looking a what it is and how it is added to a page to create an extra layer of functionality. It is part of a series. You can view a list of all the videos on the “Really Simple” Series page.
Video link: http://www.youtube.com/embed/p4v4bBXxwmA?rel=0
Shownotes
Here are some links to useful resources that complement this video.
Online CSS Resources
The following sites provide useful beginning information about jQuery:
- The official jQuery website
- Links to the Google hosted versions of jQuery
Books and Courses
Here are a few books and online courses worth checking out:
- jQuery Fundamentals, an online course at Learnable
- jQuery: Novice to Ninja, a book by SitePoint
Some nice jQuery scripts
Here are a some nice jQuery scripts that you download and use on your site:
- Slimbox2 (the lightbox gallery used in this video). Some other similar lightbox scripts include Fancybox, Colorbox and Facebox
- Some nice sliding galleries include bxSlider, AnythingSlider, FlexSlider and Coda Slider
- jQuery Cycle is a really nice, simple rotating image gallery with a lot of special effects that can be added. (It’s a good idea to add in some extra CSS in case JavaScript is disabled, though)
- If you are looking for a script that gather content on the page into tabs, here is a nice Accessible Tabs script. Similar functionality can be achieved with an “accordion” effect
- Many sites now consiste of one page, divided into sections to which the browser smoothly scrolls as you click menu links. jQuery ScrollTo is a nice example of this.
Other useful links
A few more links worth checking out: