DOM scripting essentials in under 10 minutes
I am going to use you as my guinea pigs here. For an upcoming workshop in Singapore I am creating presentations and also screencasts to take away. Therefore I just recorded one of the sessions on the essentials of DOM scripting and put this “dry run” screencast on my server for you to check out.
You can also check the high quality version:”DOM Essentials in 10 minutes screencast”:http://icant.co.uk/articles/domessentials/ and tell me what you think.
February 12th, 2007 at 2:38 am
Its good.
Only problem I can see is that you talk of concepts and then you brush them aside without explanation. Eg “…we use the item() method..” - what is this, explain or tell me you’ll get to it later.
Also you say things like “… document write..” hang on what is that, why is it so bad.. you can’t make a sweeping statement without a least a sentence of clarification.
You get a bit tongue tied on the
insert referencing the parent node.
Generally very good.
February 12th, 2007 at 3:51 am
Will the screencast remain at the given URL - even after the talk? Can I link to it without the fear of 404s?
February 12th, 2007 at 3:59 am
I agree with some of the comments above.. would be great to know why I need to do some of these things? Quick examples / case studies perhaps?
also, I might reveal the text on each slide as you talk about each of them, rather than dumping it all out at once. This way people concentrate on your words more instead of trying to read everything all at once.
February 12th, 2007 at 8:18 am
Tuna, thanks, I will bin the item() example, it is more confusing than really useful.
Binny, yes you can link to this, and please do.
Scott, sorry about you getting stuck in the spam filter of this, I am just sick of deleting 100 comments a day. I will consider taking the slide text in more. Normally during presentations I don’t do that, as a slide should aid your talk, not be it, but with a screencast it might make more sense.
February 12th, 2007 at 8:44 am
I really like your presentation, especially showing all of those methods on HTML code.
February 12th, 2007 at 9:44 am
Excellent presentation.
I’m reading your book at the moment and am finding it very good. It is like the main course after reading DOM Scripting as a starter. I wonder what the dessert will be…
Thanks again - much appreciated
February 12th, 2007 at 10:42 am
Excellent, thank you, very useful and concise. If anyone needs more they can always dip into a book, but this provided everything I needed in a refresher.
February 12th, 2007 at 12:17 pm
I love it - clear and crisp - you could consider to take more pauses while you are speaking - at some points you are going a bit to fast for me (could be me in need of coffee ;-)). Btw do you consider making the hole of the workshop available - i certainly am eager to read it.
February 12th, 2007 at 1:05 pm
That’s a great introduction to the fundamental interfaces of the DOM, Chris.
Pedantry follows…
At 2:32 you refer to “the element that this one contains”; I think you meant “the element that contains this one”.
At 3:17 you refer to the li elements as being members of the childNodes collection, but fail to mention that a browser that parses without discarding inter-element whitespace (i.e. not IE) will also have the text nodes containing the whitespace between the li elements as members of the collection. This means that the length value mentioned at 3:26 would only have the value 6 in IE, given that the formatting of the markup is as shown.
(Pedantry ends.)
February 12th, 2007 at 1:18 pm
As someone who knows next to nothing about this stuff (I am the design face of the business and have programmers on staff), I “walked away” feeling that I learned a lot in a quick time. I agree with Tuna that there definitely could be some further explanation for me to fully grasp everything, but I understand the goal is short and quick. I already have some placed I can put this into action.
Loved it!
February 12th, 2007 at 3:44 pm
It’s an excellent summary of the basics. The only problem I see is that the rythm of the presentation is quite linear even when the amount of information is not. I suggest that you slow down in the more complex parts, like when you show more than one technique in a single example. Maybe it would be even better to break down those examples in order too keep “the level of information per example” more or less constant. Hope I made myself clear enough to be helpful. Cheers.
February 12th, 2007 at 10:49 pm
For covering everything in a 10 minute talk it’s very good. Though it would depend on your audience - the only reason why I understood anything is because I already know most of it. Otherwise I think I would have struggled a lot with the pace. But for 10 minutes to cover the DOM and javascript, you’ve done a top job!
February 14th, 2007 at 12:08 pm
Hmm, my previous comment got gobbled up (I forgot to uncheck the checkbox!)
The page talking about manipulating DOM: adding, changing and removing nodes: don’t start with removing nodes. Go in the order of the title - add a node, then insert a node, then finally remove it.
That way, you’ll get to insert a little pause after explaining the insertBefore complexity, with the slide on screen for longer. Hopefully that will allow the awkward syntax to sink in.
Having the insertBefore as the last point on the slide, and switching over to the next slide rather quickly will probably leave people a little bewildered - so leaving it on screen for a few more seconds can be of use.
But, excellent screencast. Very useful.
February 22nd, 2007 at 2:26 am
September 19th, 2007 at 7:35 am
For covering everything in a 10 minute talk itââ¬â¢s very good. Though it would depend on your audience ââ¬â the only reason why I understood anything is because I already know most of it. Otherwise I think I would have struggled a lot with the pace. But for 10 minutes to cover the DOM and javascript, youââ¬â¢ve done a top job!Quote..
I agree to you totally…
September 19th, 2007 at 7:37 am
I agree to you totally..
“I love it ââ¬â clear and crisp ââ¬â you could considerxs to take more pauses while you are speaking ââ¬â at some points you are going a bit to fast for me (could be me in need of coffee ;-)). Btw do you consider making the hole of the workshop available ââ¬â i certainly am eager to read it. “
October 12th, 2007 at 8:42 am
Really Good Video
It inspire me for DOM Scripting…..
Thanks,
Developer
May 27th, 2008 at 11:07 pm
this is nice video. thanks