webbteknik (kockums juni 2011)
TRANSCRIPT
Hashtagg på Twitter
#gy11kockums
Webbteknik
Undervisning för webben på 2010-taletLars Gunther
Om ingen gymnasiereform genomförts...
Hur hade du ändrat på din undervisning då?
Finns två fel!
<body onload=”foo()”>
Inte ”diskreta” skript
”Obtrusive”
Inkräktande
eval
evil
Vilken kommer först?
<script>window.onload = function () { alert(”onload”);}</script>
<script defer>alert(”defer”);</script>
Nu då?<script defer>alert("defer");</script><script>window.onload = function () { alert("onload");}document.addEventListener( "DOMContentLoaded", function () { alert("DOMContentLoaded");}, false);</script>
CSS kul (?)
.foo { -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg);}
Framsteg
Web Standards Project
XHTMLmedvetenhet om striktare regler
CSS baserad layout
Phoenix/Firebird/Firefox = utvecklingen tar fart igen
Stadig utvecklingAjax (2004)
Opera och Safari
Nytt krig: Vem stödjer standarder bäst?
Bloggar
Bästa sättet att hålla sig ajour med webbtekniken!
Wikipedia
Etc
Explosion!
JavaScript med JIT
CSS 3
HTML5
Canvas
SVG
WebGL
Hårdvaruacceleration
Etc
”Best practice”
Standarder
Separation av logik
Tillgänglighet
Användbarhet
Dessa principer kommer inte förlora sin giltighet
Post PC eran Mobil är bara början
Yrkesroller
”Designer”
Grafisk design
Interaktionsdesign
Informationsarkitektur
Gränssnittsutvecklare
HTML, CSS, JavaScript, DOM, etc
Webbserverprogrammerare
Språk, ramverk, datalagring, dataöverföring
Vad skall eleverna kunna?
Vad måste jag som lärare kunna?
Semantisk HTML-kod
CSS
”Progressive enhancement”
Säkerhet
Tillgänglighet
