Archive

Archive for the ‘tutorials’ Category

jQuery for absolute beginners

September 16, 2009 1 comment

I came across some jQuery video tutorials which explain how to use it very clearly from a beginners perspective. The tutorials are split up over around 15 days, so you don’t feel overwhelmed with using jQuery.

A big thanks goes to Jeffrey Way from ThemeForest.net, for creating an excellent set of tutorials.

Below are the links to the individual tutorials:

jQuery Topic Snippet Tutorial-link
Day 1: Downloading the library Where to download jQuery from… Link
Day 2: Fade, Slide, and Show Methods Looks at the “fadeIn”, “slideDown”, and “show” methods, and jQuery’s “css” abilities Link
Day 3: The Animate Method Learn how to shift any element across the screens Link
Day 4: Advanced Selectors How to individually select an item and also using X-Path Link
Day 5: Creating and Removing Elements How to dynamically create and remove elements Link
Day 6: The toggle() and toggleClass() Methods Turn “off and on” elements or classes Link
Day 7: The hover() Methods When a user mouses on and off the elements in a wrapped set Link
Day 8: User Request – Image Slides. Image manipulation Link
Day 9: Resizing Text. How to resize text every time an associated anchor tag is clicked Link
Day 10: Intro to AJAX: Using the Load Method. Store information on one page, and then load that specific information from another page Link
Day 11: Fun Image Hovering. Image pop-up on mouse hover Link
Day 12: Advanced Tooltips: Part 1. Drawing information from a database to create an advanced tooltip + PHP Link
Day 13: Submitting Information to a Database Asynchronously. Submit information to a database asynchronously – using PHP and jQuery Link
Day 14: Implementing Your First Plugin Implement a jQuery plugin into your applications: s3Slider plugin Link
Day 15: Building a jQuery Style-Switcher: Part 1 Creating a jQuery style-switcher that will allow the user to switch between CSS files Link
Day 15: Building a jQuery Style-Switcher: Part 2 PHP side of a CSS style-switcher Link

Other screen-casts by Jeffrey Way.

Categories: Ajax, jQuery, tutorials
Follow

Get every new post delivered to your Inbox.