In my previous tutorial, I started creating a WordPress Featured Content Plugin. In this tutorial I’ll actually continue with the original goal while at the same time provide you with a Featured Content Gallery you can use anywhere.
Also because I’ve received many questions since I posted my JQuery Video Tutorial I’ll answer many of those here.
It should make for a jam packed tutorial.
I normally spend so much time cranking out tutorials that I never stop to organize things. So, here I will layout a complete Web Design Tutorial.
When I say complete I really mean complete. I’ve created over 76 videos on HTML, CSS, XML, xHTML, PHP, MySQL, JavaScript, JQuery, and AJAX among other subjects.
All of the code I use in the tutorials is also free to use under the GNU license. That basically means you can do anything you like with it as long as you don’t sue me 🙂
In this JQuery Video Tutorial I will cover numerous topics with a focus on Event Handling. If you missed part 1 check it out first JQuery Video Tutorial.
I’ll show you below how to:
Here I have combined all of my website tutorial’s in to one place. If you want, you can learn how to design website’s, using this tutorial. There are 71 Free Video’s in all. This video provides link’s to all of the video’s through YouTube, or you can select the video you want to watch from the list below.
These tutorial’s and the code that belongs with them, is here on New Think Tank.
Here I show you multiple ways you can retrieve text and xml from the server, using JQuery and AJAX technique’s. Of course, this works without a page reload. I’ll also show you how to send data to the PHP server for processing. Like always I’ll walk you through the code and explain everything in blue boxes that lie after the code.
First Here is the XML
Here is the xml code that we will be loading asynchronously onto our web page.
In this article, I’ll show you a bunch of ways to animate text and image’s using JQuery. Like always, I’ll provide snippets of code followed by an explanation on what it does. Let’s start animating.
<html>
<head>
<title>JQuery Example</title>
<script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.js”></script>
Here we start off the HTML code and get the JQuery library for use.
I forgot to cover in depth mouse event handler’s in the last presentation. If you add the following code to my previous JQuery & AJAX tutorial on Event Handler’s, we should be good to go.
You just need to add a little bit of code to implement mouse event handler’s. Change the code where I assign event handler’s to the body to this:
$(‘#theBody’).bind(‘keyup’,checkKeyPressed).bind(‘mousemove’,theMouseMoved);
Here I’ll walk you through a lot of code to explain how you can use Event Handler’s with JQuery and AJAX. To start you off here are all the JQuery Event Handlers and Event Object Properties:
JQuery Event Handler’s
I received email’s stating that I missed some of the way’s you can select elements. I was going to introduce the others as I continued this tutorial. But, you asked for it! So in this article, I’ll give you every other way I know to select element’s with JQuery.
Selecting Element’s with JQuery
You would place the following, inside of the JQuery selection tag’s $(). If some of these don’t make sense I’ll provide further example’s below.
I’ve received many requests for both an AJAX and a JQuery tutorial. So, I’ll cover them both in the same series of articles, because they work well together. I wrote an earlier article on How to AJAX, but I’ll briefly go through what AJAX and JQuery is in this article.
What is AJAX?
There is much confusion concerning Asynchronous JavaScript and XML (AJAX). First off AJAX is not a programming language. It provides a new way for you to use the languages I’ve taught you in previous tutorials:
If you have been programming in JavaScript, you have heard about all the frameworks available. The most popular frameworks are:
I’ve been pondering whether I was going to cover frameworks on my site because while I have used them, I prefer to write and reuse my own code. So, in this article I’m going to go through the pro’s and con’s of using frameworks. Continue reading JavaScript Frameworks