JQuery Basics Tutorial

13 Nov

Four Amazing Tutorials on the Basics of jQuery!

Expert instructor, Lawrence Turton serves up four lengthy courses on jQuery. If you’ve never used jQuery or even heard of it, this course is for you. JQuery is a fast Javascript library that simpifies HTML and makes the cool stuff, easier to do.
Video Tutorial 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

Video Tutorial 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

Video Tutorial 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

Video Tutorial 4

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

Store Link at

Video Preview 

Affiliate Builder Link for this product:
Affiliates should replace the ##### with their Affiliate ID. Register for your ID here
Affiliates will earn a fee for ANY product purchased on CartoonSmart by a referral not just the product they initially land on.

Thumbnail Image:

Leave a comment

Posted by on November 13, 2011 in JQuery


Tags: , , , , , , , , , , , , , ,

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: