Plenty of Ajax examples and JavaScript tutorials to help you master JavaScript
Client-side Coding » JavaScript & Ajax Tutorials
With more JavaScript tutorials, Ajax Tutorials and Ajax examples than any web development community on the web, the SitePoint JavaScript article archive is the best place to learn how to write best practice JavaScript and Ajax applications.
jQuery 1.4.x’s Greatest Hits: Earle’s Picks
- JavaScript & Ajax Tutorials
- April 1st, 2010
- Article
jQuery 1.4 has been in the wild for a little over two months, and we’ve already seen two point releases (1.4.1 and 1.4.2) that have added even more features into the mix. Now that we’ve had time to play with these new toys for awhile, Earle (co-author of the recently-published jQuery: Novice to Ninja) has picked his favorite new features to highlight.
The Total Newbie’s Guide to jQuery, Part II: Progressive
Enhancement and the DOM
- JavaScript & Ajax Tutorials
- March 9th, 2010
- Tutorial
In Part I, Earle showed us some jQuery basics: how to select the elements on the page we’d like to play with, and how to manipulate their CSS properties. In this second lesson, we’ll move onto manipulating the DOM itself: hiding, revealing, adding, removing, and modifying elements. We’ll also touch on the theory of progressive enhancement and the basics of animation in jQuery.
The Total Newbie’s Guide to jQuery: Select Elements and Manipulate
CSS with jQuery
- JavaScript & Ajax Tutorials
- March 5th, 2010
- Tutorial
So you’ve mastered HTML and CSS, but now you want to take your site to the next level. You need to add some fancy user interface enhancements, but the thought of learning a full-blown programming language like JavaScript gives you the heebie-jeebies. Enter jQuery. In this article, taken from the new SitePoint book jQuery: Novice to Ninja, Earle shows us the ropes in the form of jQuery’s most elemental features: its selector engine and its CSS manipulation methods.
Star Rating Control with jQuery
- JavaScript & Ajax Tutorials
- February 24th, 2010
- Tutorial
Our newly released book, jQuery: Novice to Ninja, contains a wealth of great ready-to-use solutions, and teaches you both the basic and more advanced concepts of jQuery as you progress. As a taster, here’s an excerpt from Chapter 7 wherein Craig Sharkie shows us how to build a robust, sophisticated star rating widget using jQuery. It’s keyboard-accessible, and allows for half-star ratings.
Adding Markers to a Map Using the Google Maps API and jQuery
- JavaScript & Ajax Tutorials
- February 17th, 2010
- Tutorial
An interactive map can be a great way to show your site’s visitors where your physical locations are. Thanks to jQuery and the Google Maps API, implementing this sort of map is a breeze. In this week’s tutorial, Madhuri and Mona show us a few of the tricks the API has up its sleeve.
Flashy Graphs Sans Flash
- JavaScript & Ajax Tutorials
- January 13th, 2010
- Article
You could be forgiven for thinking that Flash was the only way you can add cool interactive graphs to a website. In this week’s article, Alex shows us just how far this is from the truth, introducing us to the excellent gRaphaël graphing library for JavaScript.
Build an Ajax Tree with YUI
- JavaScript & Ajax Tutorials
- January 5th, 2010
- Tutorial
Yahoo’s YUI JavaScript library has a wealth of components that work well together to create impressive user interfaces. In this article, Darrin shows us how easy it is to leverage YUI’s TreeView component, in order to create a dynamic expanding tree control that loads content via Ajax.
10 Things They Never Tell You In Firefox Extension School
- JavaScript & Ajax Tutorials
- September 22nd, 2009
- Article
As a follow-up to his recent ebook, Build Your Own Firefox Extension, James has assembled this selection of useful tips, tricks, and hacks that he's collected from his experience with building extensions for Firefox.
Killer Web Dev Tools with Ben Galbraith
- JavaScript & Ajax Tutorials
- September 15th, 2009
- Interview
Ben Galbraith, of Mozilla Labs, is speaking at Web Directions South '09 on The State of Browser Tools. Andrew had the opportunity to interview him about his Web Directions session, the Bespin project, and browser tools in general.
YUI 3: Lighter, Faster, Easier to Use
- JavaScript & Ajax Tutorials
- June 19th, 2009
- Tutorial
The Yahoo User Interface library has established itself as one of the key JavaScript libraries to use enhancing the user experience on a web page. In this article, Ara previews what's around the corner for the next version: YUI 3.