jQuery Tutorial Ideas Wanted
14 December 2006 | Tutorials | 18 Comments
Over on John Resig’s blog he’s asking people to submit ideas about different types of tutorials they want to see for jQuery. I have a two part tutorial about to be released that is going to knock your socks off, but I’d love to know what sort of tutorials you’d like to see at 15 days of jQuery.
With the recent release of version 1.0.4 of jQuery I have gotten some great ideas for some upcoming tutorials that you’ll be seeing in the next few days and weeks. And if you haven’t signed up for my RSS feed, now’s a great time, since these tutorials are just over the horizon. At the bottom of this post you’ll see a link for subscribing to the RSS feed, or RSS-to-email.
Some of what I have on the way includes:
- Why select boxes in your form need to die - Part 1
- Why select boxes in your form need to die - Part 2
- AJAX with jQuery revisited - Parts 1 and 2
- Marketing lessons learned from John Resig
I’m also going to be fishing back through my notes and finding a handful of excellent interviewees for podcasts.
So, if you haven’t added 15 days of jQuery to your RSS reader, or if you want to receive updates by email, now’s the time to subscribe.
Subscribe
18 Comments
Leave a Reply
You can follow the discussion through the Comments feed. You can also pingback or trackback from your own site.
advanced form validation including:
- length checking
- :before and/or :after support for reading something like class=”required” and formatting appropriately
- ability to read element’s label tag content for use in friendly error alert (i.e. “You’ve failed to fill out the ‘Name’ field” instead of “You’ve failed to fill out the ‘first_name
field”)
- real-time AJAX validation of suburbs with post codes against a server-side database
- real-time AJAX validation of email address domain names
- ability to ‘maximise’ textarea boxes with a lightbox-like full screen capability without interfering with existing form entries
blindup blinddown, toggle etc with Cookies. I would like the state on/off to be stored in cookies so that the user decided if e.g. a control panel is visible or not visible when refreshing the website
@piotr
Definitely doable. Expect to see that one sometime soon.
@pd
Great ideas too.
I second piotr’s suggestion for storing states in cookies. Not sure how much that has to do with jQuery, but it would be very useful for me. Especially before february 1st, when I am supposed to have found out how to do it anyway
- The complexities of drag & drop. If you read some of the documentation from YUI, it demonstrates how complex drag and dropping can be. There are so many variations.
- Overview some popular plugins - http://docs.jquery.com/Plugins - Explain why they are useful. I dunno if this one could be considered a tutorial topic or not.
@jack
good to hear that. I am looking forward to that..
Brian,
Drag and drop is a huge topic. I might need to call in reinforcements on that one.
Overview of popular plugins is something I’ve been considering for a while. Expect to see it soon.
To all,
I’ve been loving the new 1.1 version of jQuery and will be rolling out a series on creating an AJAX application from scratch. Including PHP code for accessing database.
I would like to see a tutorial showing how to make an AJAX-based poll via jQuery.
I long wanted to make one..
so how’s it going with the cookies? I can bring some milk to speed it up
(look at the second comment)
Hi,
It would be great if you had simple tutorials , too (along with complex ones). I have searched the documentation, etc to learn how to get the selectedIndex of a select box (with an ID) and I couldn’t find it.
I tried $(”#select”+id).selectedIndex, $(”#select”+id).options but to no avail. Perhaps you could show how to do simple things as well (without having to install a plugin). I’d probably end up using document.getElementById() if I can’t find how to do it with JQuery. And, most of the tutorials don’t have any HTML with the javascript making it a bit hard for me to understand what you’re actually referencing and how it was written in the HTML code.
If any of it doesn’t make sense, don’t worry about it. I’m new to Javascript (just learned it a few months ago).
The next one isn’t really a tutorial idea:
The reason I started looking into JQuery is I didn’t want to have to worry about browser compatibility issues (having to to check for browser and then do browser specific UI manipulation). And, I’ve found JQuery to be helpful with that (so kudos).
I’d love to see a tutorial on how to use jQuery functions on new elements that are brought to the page via jQuery’s AJAX. I’ve tried multiple things and just can’t get it to work. The only thing I can get to work with those new elements is inline Javascript.
I have two questions.
I’m not so experienced in web technology. I’m only good at html 4, but I want to expand my knowledge by learning jQuery.
My questions are:
->Is it okay if I learn jQuery before learning Javascript, since it’s javascrript with other syntax?
->With jQuery, can I change/create/remove html code so that it actually overwrites the previous file?
javascript alone can’t overwrite a file.
And the answer to learning jQuery vs javascript is ‘it depends’. If you want to get a lot done without a lot of work, then yes, jQuery is one tool that can do that. But if web design and programming is your career, you’d want to get a thorough understanding of javascript.
I’d love to see a tutorial project on integrating jquery with php/mysql, perhaps a simple customer list project would be a great start.
Hi please post some basic Ajax Jquery tutorials i am very new to web 2.0 and Ajax
sorry but Meastro in PHP 
Thanks
I am trying to add(prepend) rows into a table but I want them,as they are added, to be after the HEADER row. Any Ideas?
what about making multiple UI components that all update through an event subscription model? They could take JSON which could be updated via Ajax and certain events would make the components redraw ..the components don’t even have to be implemented, just the boilerplate jQuery code for a subscription model with multiple components subscribing to custom events would be cool!
Hi,
A Toolbar that allows CSS to be applied to text in a text area that is not bloated or as complicated as TinyMCE or other full WYSIWYG editors.
This so users can format a news articles without breaking anything and only apply styles that they are allowed to.
I’m literally thinking of a handful of styles and perhaps a preview liek MarkItUp.