HTML 5
jQuery
Performance
Minify
Combine
Less requests
Gzip
jQuery 1.4
Improved creation
$.proxy
$.delegate
$.data('events')
Override $.data
Event bubbling
What's coming?
Ajax rewrite
Dynamic script loading
Templating
Mobile support
jQuery UI
Themes
Plugins
Internet Explorer 9
Reactive extensions
JavaScript
Scalable Vector Graphics
Keynote
Day 1
Windows 
Phone 7
Bing maps
Silverlight
Geotagged flicker photos
Streetview
Augmented reality
60%
Streaming
Olympics
Webcam and Mic
Printing
Barcode scanner
Silverlight Applications
XNA Games
In stores before Christmas
Day 2
Internet Explorer 9
ASP.NET MVC 2
Visual Studio 2010
Better intellisense
Easier deployment
Code navigation
jQuery included
jQuery
Web Platform Installer
OData and Dallas
Natural User Interfaces
HyperCard
No Color
No Links
No Network
Mosaic
WWW
FTP
Images
Netscape
Java
Scheme
Self
LiveScript
JavaScript
ECMAScript
Microsoft
JScript
Generalized the DOM
XMLHTTPRequest
Microsoft declares victory!
AJAX!
5 years later...
Ajax libraries
The World's Most Popular 
Programming Language
The World's Most Unpopular 
Programming Language
JavaScript scales from 
beginners to masters
IE 6
MUST
DIE!
Fundamentally change the way
you think about coordinating and
orchestrating asynchronous and
event-based programming
Showing that asynchronous and
event-based computations are
just push-based collections
Asynchronous way to interact with collections
Uses De Morgan's law
IObservable and IObserver instead of
IEnumerable and IEnumerator
Client-Side Web Development
Ægir Þorsteinsson
aegir@thorsteinsson.is
@thorsteinsson
ietestdrive.com
GPU powered
HTML 5
Multi-core
Compiled JavaScript
CSS 3
Inline SVG
What is jQuery
Markup
<video src="movie.mp4" />
<audio src="music.mp3" />
<input type="datetime" />
<canvas />
<header />
<footer />
<aside />
<nav />
<article />
<hgroup />
<section>
<time datetime="2010-04-15T11:00-12:00">This presentation</time>
<input type="url" />
<input type="email" />
<input autofocus="true" />
<svg />
Offline web applications
Geolocation
<circle />
<ellipse />
<rect />
<line />
<path />
<text />
<transform="rotate(45)" />
<transform="skew(30)" />
<transform="scale(2)" />
<transform="translate(-10,-20)" />
http://raphaeljs.com/pie.html
http://live.visitmix.com
http://www.ietestdrive.com
http://www.odata.org
http://www.jquery.com
http://www.w3.org/TR/html5
Tools
Thanks!
http://www.w3.org/2010/Talks/03-schepers-mix/raster-vector.svg
http://www.w3.org/2010/Talks/03-schepers-mix/themepark-train.svg
http://www.w3.org/2010/Talks/03-schepers-mix/RaphaelScape.html
http://www.w3.org/2010/Talks/03-schepers-mix/geolocation.svg
http://www.w3.org/2010/Talks/03-schepers-mix/animated-lyrics.svg
FireQuery: http://firequery.binaryage.com/
Selector bookmarklet: http://selectorgadget.com
jQuery bookmarklet: http://url.is/3dg