iPhone Tutorial Icon CartoonSmart Blog CartoonSmart Affiliate Program Free Tutorial Videos CartoonSmart CartoonSmart Discounts About Contact CartoonSmart How to Optimize Flash for iOS or Android Export
Freebies and Demos iPhone/iPad tutorials iOS App Starter Kits PhoneGap Tutorials Dreamweaver and  HTML5 tutorials Toon Boom Tutorials Illustrator tutorials Animation and Motion Tutorials
Just Flash Tutorials
Flash to Android or iOs tutorials Actionscript 3 tutorials Gaming Drawing Tutorials Animation Tutorials Interface Design Tutorials Actionscript 2 tutorials MySQL
cartoon templates
Flash Templates
New Stuff
Your Cart
Time Length of Course
Phone Gap Tutorial Logo

Four Amazing Hours on
the Basics of jQuery

Course Compatibility: Adobe Illustrator CS5

Learn jQuery the Easy Way!

So what the heck is jQuery anyway?... It's just Javascript. To be a little more specific, it is a fast Javascript library that simplifies HTML events, animations, and interactions. In this 4-part course, our instructor will be showing off some of the coolest things you can do with jQuery, while also giving you a well rounded education in the basics of Javascript, like creating variables, functions, if statements, and so on. This is a great course for old and new programmers alike.

Course Overview:

Part 1

CSS Selectors
Importing Jquery and why document order is important
Writing your first statement
Make a simple fadeOut transition
Timing those methods
Making a click-able anchor
Making open and close button
Looking at all animation methods
Editing CSS with Jquery
Adding Classes using Jquery
Remove Class method
Learning all Toggle methods

Course 2

Working with multiple elements inside of one function
Statement chaining and the .delay method
Link events together
Change any attribute with Jquery
Removing attributes
Remove entire elements
Creating variables and using the console.log method
Creating an element and using appendTo method
Create animations using animate method
Timing and callback on animate method
Chaining the animate method
Using the load ajax method

JQuery Basics Video Tutorial

Course 3

Quick method of waiting for a document to load
Using the .size and .length methods
Look at advanced selectors
Selecting a range of elements with slice method
Using the hover event listener
Creating an alert box
Creating a function
Creating if statements
Callback functions

Course 4

Intro to plugin's for JQuery
FancyBox Plugin
ScrollTo Plugin
Inner-Fade Plugin
Wrap Up

Interested? You can watch the first part of this video here....

Not seeing the video above? Click here to watch it on Vimeo

This course is taught by Lawrence Turton, Lead Developer at Elite-wd.com

Purchase this Tutorial
Paypal Cards2CO
Purchase With a Credit Card and receive download links minutes after the order

Check out some of Lawrence's other HTML5 tutorials that could be used in conjuction with this course....

HTML5 Basics tutorial   HTML5 and DW Tutorial

CartoonSmart Affiliate Program Binpress 1&1 Hosting Web and Animation Design for Hire
Bulk Discount on CartoonSmart Tutorials

Once-a-Month Newsletter Sign-Up...