Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Hashtagg på Twitter #grgy11
Webbteknik Undervisning för webben på 2010-talet Lars Gunther
Om ingen gymnasiereform genomförts... Hur hade du ändrat på din undervisning då?
1997 <ul><li>Browserkrig  </li><ul><li>”Best viewed in...” </li></ul><li>Tabellbaserad layout
Frames
Java applets
DHTML </li></ul>
Framsteg
Web Standards Project
XHTML medvetenhet om striktare regler
CSS baserad layout
Phoenix/Firebird/Firefox = utvecklingen tar fart igen
Stadig utveckling <ul><li>Ajax (2004)
Opera och Safari </li><ul><li>Nytt krig: Vem stödjer standarder bäst? </li></ul><li>Bloggar </li><ul><li>Bästa sättet att ...
Etc </li></ul>
Explosion! <ul><li>JavaScript med JIT
CSS 3
HTML5
Canvas
SVG
WebGL
Hårdvaruacceleration
Upcoming SlideShare
Loading in …5
×

Webbteknik i Gy-11

1,531 views

Published on

Bakgrundstänkande om ämnet webbteknik för Gy-11. Hur jag resonerar som ämnesexpert åt SKolverket och hur jag tolkar mina nyckelord.

Published in: Education
  • Be the first to comment

  • Be the first to like this

Webbteknik i Gy-11

  1. 1. Hashtagg på Twitter #grgy11
  2. 2. Webbteknik Undervisning för webben på 2010-talet Lars Gunther
  3. 3. Om ingen gymnasiereform genomförts... Hur hade du ändrat på din undervisning då?
  4. 4. 1997 <ul><li>Browserkrig </li><ul><li>”Best viewed in...” </li></ul><li>Tabellbaserad layout
  5. 5. Frames
  6. 6. Java applets
  7. 7. DHTML </li></ul>
  8. 8. Framsteg
  9. 9. Web Standards Project
  10. 10. XHTML medvetenhet om striktare regler
  11. 11. CSS baserad layout
  12. 12. Phoenix/Firebird/Firefox = utvecklingen tar fart igen
  13. 13. Stadig utveckling <ul><li>Ajax (2004)
  14. 14. Opera och Safari </li><ul><li>Nytt krig: Vem stödjer standarder bäst? </li></ul><li>Bloggar </li><ul><li>Bästa sättet att hålla sig ajour med webbtekniken! </li></ul><li>Wikipedia
  15. 15. Etc </li></ul>
  16. 16. Explosion! <ul><li>JavaScript med JIT
  17. 17. CSS 3
  18. 18. HTML5
  19. 19. Canvas
  20. 20. SVG
  21. 21. WebGL
  22. 22. Hårdvaruacceleration
  23. 23. Etc </li></ul>
  24. 24. ” Best practice” <ul><li>Standarder
  25. 25. Separation av logik
  26. 26. Tillgänglighet
  27. 27. Användbarhet
  28. 28. Dessa principer kommer inte förlora sin giltighet </li></ul>
  29. 29. Post PC eran Mobil är bara början
  30. 30. Yrkesroller <ul><li>”Designer” </li><ul><li>Grafisk design
  31. 31. Interaktionsdesign
  32. 32. Informationsarkitektur </li></ul><li>Gränssnittsutvecklare </li><ul><li>HTML, CSS, JavaScript, DOM, etc </li></ul><li>Webbserverprogrammerare </li><ul><li>Språk, ramverk, datalagring, dataöverföring </li></ul></ul>
  33. 36. Vad skall eleverna kunna?
  34. 37. Vad måste jag som lärare kunna?
  35. 38. <ul><li>Semantisk HTML-kod
  36. 39. CSS
  37. 40. ”Progressive enhancement” </li></ul>

×