Denne artikkelen inneholder en samling av stoff som hjelper deg med å gå fra å være nybegynner til ekspert i HTML5/IE9-programmering på 8 dager. Artikkelen starter med at du får deg en oversikt, til avansert HTML5 programering med jQuery, node.js og så videre.

Dag 1: Oversikt og inspirasjon

Del 1: Last ned IE9:
http://windows.microsoft.com/en-US/internet-explorer/products/ie/home

Del 2: Se hva som er nytt i IE9:
http://windows.microsoft.com/en-US/windows7/Getting-started-with-Internet-Explorer-9
Del 3: MSDN IE9 dev center

Her kan du se videoer og eksempler på HTML5 sider i IE9. Dette er portalen for alle IE9/HTML5 utviklere. Gjør deg kjent med siden, og se hva som er mulig med HTML5.
http://msdn.microsoft.com/en-us/ie/default


Dag 2: Viktige verktøy
Del 1: Introduction to F12 developer tool

Denne artikkelen hjelper deg med å komme i gang med F12 Developer tools for IE9. Dette verktøyet lar deg debugge enhver hjemmeside, og er et nøkkelverktøy for alle web-utviklere. Vi foreslår at du bruker denne dagen på å sette deg inn i verktøyet, og teste det ut på flere forskjellige sider du selv pleier å besøke.
http://msdn.microsoft.com/en-us/library/gg589512(v=vs.85).aspx

 


Dag 3: HTML5 programmering

Del 1: HTML5 i praksis
Morsten Østbye presenterer HTML5 og hvordan du kan komme i gang med HTML5-programmering.
clip_image002

Video: http://channel9.msdn.com/posts/MSDN-Live-2011-Sesjon-2-HTML5-i-praksis


Del 2: Deep dive i HTML5

Få en dypere forståelse for HTML5 med “HTML5 deep dive” presentasjonen fra TechEd og “HTML5”: More than just HTML5.
clip_image004
Video: http://blogs.msdn.com/b/giorgio/archive/2010/11/22/deep-dive-into-html5.aspx

“HTML5”: More than just HTML5
clip_image006
Video: http://blogs.msdn.com/b/giorgio/archive/2010/11/18/html5-more-than-just-html5.aspx

Oppgave: Bruk det du har lært over til å lage en enkel HTML5 side som benytter seg av Canvas-objekter og tegn en firkant og en sirkel i dette Canvas-objektet.

 

Dag 4: Utvikling for IE10

Denne seksjonen tar for seg utvikling av apper til IE10, men de fleste prinsippene du lærer her kan du ta med deg videre til generell HTML5 programmering.
Del 1: Last ned IE10 Platform Preview 1
http://msdn.microsoft.com/en-us/ie/gg192966.aspx

Del 2: Kom i gang med IE10 Platform Preview 1 programmering med “Internet Explorer Platform Preview Guide for Developers”
Denne guiden benytter det du har lært tidligere til å utvikle apper for IE10.
http://msdn.microsoft.com/en-us/ie/gg192966.aspx

 

Dag 5 - 8: Lær deg CSS3, javascript, og avansert HTML5

Del 1: Presentasjoner fra MIX11
clip_image007
I linken under finnes det 41 presentasjoner fra MIX11 som dekker CSS3, javascript, jQuery, node.js og HTML5. Klikk deg gjennom sidene og velg det du selv er interessert i å lære.

Presentasjoner: http://channel9.msdn.com/events/mix/mix11/?sort=sequential&direction=desc&term=&t=css3&t=html5&t=javascript&t=jquery