The Basics of Ajax: A 3-Part Podcast Series
I’m beginning to podcast about specific Ajax patterns. To start with, a three-part series on the basics of Ajax development, covering all the Foundational Technologies patterns:
- Podcast 1: Display Patterns and the DOM.
- Podcast 2: Web Remoting - XMLHttpRequest, IFrame Call, HTTP Streaming.
- Podcast 3: Dynamic Behaviour - Events and Timing.
These will be useful if your familiar with basic forms and CGI-type web development, and wanting an overview on Ajax development techniques.
If you do know enough Ajax to at least write the obligatory Ajax chat application, there’s probably not much new info here. The most interesting pattern will be HTTP Streaming, covered in the next podcast.
Note that the pattern names and structure are subject to change, but the basic ideas will remain valid.
Podcast 1: Display Patterns and the DOM
This 42 minute podcast covers the DOM and the following patterns:
Display Morphing: Morph display elements by altering styles and values in the DOM, such as text and colour properties.
Page Rearrangement: Add, remove, move, and overlay elements by manipulating the DOM.
Credits and Production Notes
- The podcast concludes with the world’s first HCI Rap, “We Got It”, from the multi-talented team at OK-Cancel (the website with the funniest usability cartoons around).
- The theme, My Morning Jacket’s “One Big Holiday”, is back too.
- For the podcasters among you, the podcast was produced on a Powerbook running the excellent Audio Hijack Pro, with Bias SoundSoap and Apple’s new AUAudioFilePlayer plugin to cue audio. For the podcasters among you, this is a nice, easy, setup: allows recording directly to MP3, real-time noise reduction, ability to cue up sound clips, tag the MP, run a script at the end (which could FTP the file somewhere). In theory, you could have a podcast up a few minutes after you’ve clicked the stop button. Rogue Amoeba, creators of Audio Hijack Pro, know how to make software that’s intuitive and seriously useful. There’s detailed instructions for podcasters in the manual and also a blog entry on podcasting with Audio Hijack Pro.

6 responses so far ↓
1 Software As She’s Developed - Basics of Ajax 2 of 3: Web Remoting (XMLHttpRequest etc) (Podcast) // Nov 2, 2005 at 1:21 pm
[…] 0 Ajax Basics 2 of 3 This is the second of three podcasts on the basic Ajax patterns. Podcast 1: Display Patterns and the DOM. Podcast 2: Web Remoting - XMLHttpRequest, IFrame Call, H […]
2 Software As She’s Developed - Joining Ajaxian // Nov 22, 2005 at 8:02 am
[…] aterial can be reused and incorporated in other works. BTW I’ll still post the final Basics of Ajax podcast to the standard SoftwareAs feed later this week. We have some interestin […]
3 The DragonFlyEye.Net Blog » I’m Playing Catchup Again. . . // Jun 27, 2006 at 2:18 pm
[…] This is good stuff, right here, and you can bet your ass I bookmarked it. I am thinking that in much the same way as the W3Schools tutorials have helped me with CSS (and continue to do so), this ALA site will probably be the key to my understanding AJAX. This, of course, along with another recent favourite of mine: the podcasts on “Software As She’s Developed” which are verbose but informative. […]
4 Top 11 Ajax Podcasts : Ultimate Web Developer Lists : eConsultant // Dec 29, 2006 at 2:17 am
[…] Basics 1/3: DOM and Display Manipulation : podcast tutorial […]
5 Software As She’s Developed » Blog Archive » Basics of Ajax 3 of 3: Events and Much More (Podcast) // Feb 5, 2008 at 3:04 am
[…] Podcast 1: Display Patterns and the DOM. […]
6 Software As She’s Developed » Blog Archive » Ajax Diagnosis And Testing Patterns - Podcast // Feb 5, 2008 at 3:28 am
[…] Welcome to Ye Olde Ajax Patterns Podcaste, the final in this series that began twelve months ago. 3+4+4+1 = 12 podcasts in all, covering 71 patterns (the 70 patterns in the the book as well as Dyanmic Favicons). Find them all on the podcast category - http://www.softwareas.com/category/podcast/ or subscribe to the podcast feed at http://www.softwareas.com/podcast/rss2. Thanks for listening! […]
Leave a Comment