Screencast: Introduction to AJAX, ASP.NET AJAX and the AJAX Control Toolkit
February 25th, 2007
Last Tuesday I gave a presentation in Geneva on ASP.NET AJAX and the AJAX Control toolkit, and this morning I created a one hour screencast of the presentation available here (25MB) zipped, or here (33MB) as a WMV.
I tried to make it useful for someone that has at least dabbled in ASP or ASP.NET, and wants a quick bootstrap into Microsoft’s AJAX offerings.
It includes introductions to:
- AJAX
- ASP.NET AJAX including coding demos of the UpdatePanel (including a look behind the scenes), Web Services, and the JavaScript extensions
- The AJAX Control Toolkit including coding demos of using a couple of the control extenders
- Creating AJAX Control Extenders including a coding demo of creating your own extenders
It is encoded at quite a high level of compression so the sound is a little distorted but perfectly understandable.
Note:I recorded this around 6am this morning, and around 55 minutes into it my three year old and five year old sons decided to make their own (very sweet) contributions to the screencast — please forgive my momentary distraction, and when you hear me tell my three year old that he can take the money he found: he is talking about two small coins I gave him yesterday. This is not an attempt at bribary (honest!).
Many thanks to Atif Aziz and Dominique Kuster for organizing last week’s presentation, and Dicomp Acadamy Suisse Romande for hosting it.
February 25th, 2007 at 11:23 am
Hi Damian,
that was a great ajax intro! I found especially the extenders part to be very informative.
Thanks,
Ethem
PS: I couldn’t stop shouting over and over “no! there! cutoff!”
February 25th, 2007 at 12:16 pm
You might consider changing the size of the downloads. It states GB and not MB
Cheers
February 25th, 2007 at 2:47 pm
Thanks Ethem — I’d like to say that typos are my way of getting getting audience participation
Kenneth — good catch — I’ve changed the text to say MB instead of GB — might have put some people off!
February 25th, 2007 at 4:42 pm
Hi Damian.
I just watched your presentation. It was a good
introduction into the AJAX control kit. I also
liked the free tool “Fiddler”, which I will use the
next time when I develop a web-application. But the
most useful thing I lernt from your presentation is the dot in http://localhost./xy, which forces the http-request to travel over the TCP/IP stack and that’s why
fiddler is able to show the request.
But there is one thing I would like to ask you.
Is there a way to debug JavaScript-Code ? As far as
I know Visual Studio can debug JavaScripts. Is there
any other tool you can recommend to debug javascript ?
In my opinion it is very time-consuming without debugger
to find bugs in JavaScript.
Thank you in advance for your answer.
Edward
February 25th, 2007 at 9:45 pm
Edward,
In Firefox you can install FireBug, an extension. You can, in your javascript, write: console.log(’test’);, which outputs ‘test’, to the console window. Very cool tool. Check: http://www.getfirebug.com/
Cheers,
Kenneth
February 26th, 2007 at 5:55 am
Hello Edward,
As Kenneth suggests, Firebug is good. I also use Visual Studio. It is handy sometimes to insert “debugger;” into your JavaScript to force the debugger to pop up when you need it.
One handy technique is to define an HTML TEXTAREA in your page with the ID “TraceConsole”. Then in your code you can use Sys.Debug.trace(”some message”) to log messages, which go to the TEXTAREA (and the console on FireFox). http://ajax.asp.net/docs/overview/ASPNETAJAXDebuggingAndTracingOverview.aspx
Another technique I’ve used, especially for situations where the running the debugger is likely to change the behaviour of the program I’m debugging, is to use my “tracejs” program which uses the debug API to trace all JavaScript code that executes: http://damianblog.com/2006/11/23/tracejs/ It has a massive performance impact though, so its only something I use “surgically”.
Regards,
Damian
February 26th, 2007 at 8:01 am
[...] This is a good introduction of AJAX. The screencast is one hour long and 25GB, and available here: http://damianblog.com/2007/02/25/ajax-screencast/ [...]
February 27th, 2007 at 11:16 pm
Thank you very much for all the suggestions.
Especially the link to the website is very useful.
http://ajax.asp.net/docs/overview/ASPNETAJAXDebuggingAndTracingOverview.aspx
March 6th, 2007 at 8:09 am
[...] Damian Mehers (who implemented the ListSearch ASP.NET AJAX Control Toolkit control above) has also published a cool video on ASP.NET AJAX and the ASP.NET AJAX Control Toolkit that you can watch here. [...]
March 6th, 2007 at 9:41 am
[...] Damian Mehers (who implemented the ListSearch ASP.NET AJAX Control Toolkit control above) has also published a cool video on ASP.NET AJAX and the ASP.NET AJAX Control Toolkit that you can watch here. [...]
March 6th, 2007 at 10:11 pm
[...] Damian Mehers(他实现了上面提到的 ASP.NET AJAX 控件工具包里的ListSearch 控件)也发布了一个关于 ASP.NET AJAX和ASP.NET AJAX 控件工具包的很酷的录像，你可以在这里观看。 [...]
March 29th, 2007 at 12:20 pm
[...] Damian Mehers (who implemented the ListSearch ASP.NET AJAX Control Toolkit control above) has also published a cool video on ASP.NET AJAX and the ASP.NET AJAX Control Toolkit that you can watch here. [...]
August 22nd, 2007 at 6:24 am
Thanks for the presentation.
Showing how someone can creat AJAX Control Extenders was very nice.
PS: The voice was not clear, but not too bad.
March 1st, 2008 at 8:09 pm
[...] proporciona este toolkit. No olvidarse de seguir también la presentación y demos realizadas por Damian Mehers (sin olvidarnos de un ejemplo concreto de uso del Ajax Control Toolkit para la creación de una [...]
March 12th, 2009 at 6:39 pm
[...] Screencast: Introduction to AJAX, ASP.NET AJAX and the AJAX Control Toolkit [...]