Dive into HTML5 this summer

BUILD - Discover how Windows 8 changes everything
Follow us in Dutch Facebook Twitter LinkedIn
or in French Facebook Twitter LinkedIn
Contest RulesPDF
Take the quiz What’s the name of the technology in HTML5 that allows you to request the user’s current location?

 
Dive into HTML5 this summer
If you've got some spare time this summer to immerse yourself in some new technologies, then take a look at the various fascinating sources this page has to offer you for getting the extra info you need.

First watch the introductory video and then decide how much time you'd like to spend on the topic you want. We've got all the information you need to get started on the topic of your choice!



Select how much time you can spend
 
 

HTML5 and related technologies

HTML 5

HTML5 is currently quite a buzzword. But, in essence, should you care? Should you learn it? If you are involved with front-end applications and websites, we think you should. Summer might just be the perfect time to get into the shade with a computer, a book or video-player and dive into HTML5.

With Internet Explorer 9, Microsoft demonstrated its continued investment in standards. And it's not stopping; you can already discover Internet Explorer 10 Platform Preview. If you look at what has been unveiled around Windows 8 you know HTML5 and JavaScript will be strong. So now is the time to take your skills up a level, just before the BUILD developer conference in Anaheim California where more about the development platform for Windows 8 will be revealed.

 

 
 
 

In half an hour

HTML5 is an umbrella of different technologies. It holds the future of the web, with technologies such as HTML markup, CSS3, Web Applications (APIs), SVG and ECMAScript. Some of the HTML5 specs are final, some are very much experimental and not ready for prime time.

You need to know where it stands. What's the buzz, what's the essence? We have one video for you: Giorgio Sardo, Sr Technical Evangelist at Microsoft explains " The Future of HTML5".

OK, we admit that the video is actually more than 30 minutes long, but we promise it's worth it. Just watch the first 30 minutes if you don't believe us.

 
   
 
 

In half a day

To put things into perspective around standards, both stable and unstable, we recommend the official IE team blog post: " HTML5, Site-Ready and Experimental"

Write HTML5 today: set up your machine with the right tools

  1. Make sure you download and install Internet Explorer 9 to test your sites and build HTML5 experiences.
  2. Download the stand-alone version of Internet Explorer 10 Platform Preview. This allows you to test and give feedback to the team.
  3. Visual Studio 2010 or the free Visual Web Developer Express 2010
    Download the Standards Update with diagram and intellisense support for HTML5 specs, CSS3 and some DOM (JavaScript) APIs.
  4. ASP.NET MVC 3 Tools Update
    ASP.NET MVC 3 already supports HTML5 today. Read more on Scott Guthrie's blog: HTML5 Improvements with the ASP.NET MVC 3 Tools Update
 
   
 
 

In a full day

HTML5 and JavaScript skills are something you don't brush up in a few hours or even in a whole day. They require reading, but also ultimately get into coding. Here are some highly recommended resources to help you.

Top resources

 

Demos

 

Tools

 

JavaScript and CSS frameworks

 

Blogs

 

Videos to watch online or download

Application Development with HTML5 

Application Development with HTML5

http://channel9.msdn.com/Events/TechEd/NorthAmerica/2011/DEV343

50 Performance Tricks to Make Your HTML5 Web Sites Faster 

50 Performance Tricks to Make Your HTML5 Web Sites Faster

http://channel9.msdn.com/Events/MIX/MIX11/HTM01

Hot from the Labs: HTML5 WebSockets 

Hot from the Labs: HTML5 WebSockets

http://channel9.msdn.com/Events/MIX/MIX11/HTM10

HTML5 for Silverlight Developers 

HTML5 for Silverlight Developers

http://channel9.msdn.com/Events/MIX/MIX11/HTM14

 

Internet Explorer resources

 

Books

Introducing HTML5  Introducing HTML5
Stunning CSS3  Stunning CSS3
Developing with Web Standards  Developing with Web Standards