• Presentation av utbildningsledaren
• Överskådlig genomgång av internets historia och utveckling
• Vad är HTML5 och varför vill vi behärska tekniken?
• Genomgång av utbildningsplanen
• Schema för utbildningstillfälle 1
• Frågor?

• Big Data™
• Prestanda- och usability-frågor
• Open Source och öppna standarder
• Funktionell programmering

• Back-end-utveckling i Google Cloud Platform (Python)
  • Affärssystem B2B
  • Informationslager / Data Warehouse-lösningar
• Content Management System [CMS]
  • WordPress
  • Drupal
• HTML5 & JavaScript
  • Sencha Ext JS & Touch
  • jQuery
  • Google Charts

Min historia (och internet):

• Upptäckte datateknik och internet i början av 90-talet
• MS DOS & BASIC-programmering
• Microsoft Windows
• Linux 2.x & KDE (1998)
• Upptäckte PHP, MySQL och co.
• 2001–2005: Microsoft dödade webben (och jag hittade annat att göra)
• 1997: Google lanserar Gears (Persistent Storage, Offline Apps, Web Workers)
• 2003: Apple introducerar Safari (KDE:s WebKit) och börjar dra igång utvecklingen
• 2009: Google Chrome och V8
• 2011: Google App Engine, BigTable & Python

• Trist att utveckla för MS Windows
• Täcker in allt från budget-mobiler till IE 7, med ett par reservationer:
  • Chrome Frame
  • Tung spelutveckling
• Framtidssäkert!!
  • Alla är med på tåget – "en plugin-fri webb"-tåget
  • Silent updates – t.o.m. för IE!
  • Ej slösa tid på att något som t.ex. Microsoft eller Adobe ger upp på

• Fördelar, Silverlight:
  • Bekvämt för folk som är vana vid Windows Presentation Platform?
• Nackdelar, Silverlight:
  • Svagt-till-obetydlig etablering på internet
  • Plattformsberoende med begränsad utbredning på desktop-sidan
  • Obetydligt stöd för mobila enheter
  • Microsoft har avstannat utvecklingen – erbjuder support och verktyg för att migrera bort från tekniken
• JavaScript/HTML5 First-Class Citizen i Windows 8

• Fördelar, Flash:
  • Väletablerat på internet
  • Stor utbredning desktop-sidan
• Nackdelar, Flash:
  • Obetydlig utbredning bland mobila enheter
  • Proprietärt + introducerar säkerhetshål
  • Plattformsberoende
  • Jobs Was Right: Adobe Abandons Mobile Flash, Backs HTML5
  • Adobe puts full support behind HTML5, leaves Flash to standalone mobile apps
  • Adobe pushar över utvecklare till Adobe AIR och Edge

• 5:e revisionen av HTML-standarden
  • W3C: HTML5
  • WHATWG: Current Work
• Mark-up för komplexa webbapplikationer – HTML-element
• Application Programming Interfaces [API] – programmatiskt gränssnitt
• Document Object Model [DOM] – konvention för dokumentstruktur

• Förbättrar accessibility
• Gör webben tillgänglig för tredje-partsverktyg (e.g. Readability)
• Bidrar till bättre indexeringsmöjligheter för sökmotorer

• Hjälper oss att skapa appar som
  • inte laggar eller "buggar ur" vid anslutningsproblem
  • bibehåller state, lokalt, mellan användarsessioner, och
  • effektivt hanterar större datavolymer.

• API-access för domäner som varit begränsade till installerade appar

• Utökar traditionella client-server-modellen för webben
• Server-Sent Events

• Öppnar för plugin-fri Audio/Video i browsern
• Programmatisk access till media streams

• Komplexa animationer i 2D/3D
• Vektorgrafik med SVG
• Transitions med CSS3
• GPU-acceleration

• Snabbare och tyngre webbapplikationer
• Usability
• Breddar tillämpningsområdet för webb-appar

• En mer estetisk webb
• Prestanda-lyft
• Responsive Design
• Flexibel layout

Utbildningsmål:

• Grundläggande orientering om teknikerna i HTML5-sfären
• Bli tillräckligt varm i kläderna för att fortsätta utvecklas självständigt
• Övergripande förståelse för möjligheter och begränsningar hos moderna webbapplikationer
• Viss orientering kring populära JavaScript-bibliotek och webbapplikationsramverk

Utbildningsinnehåll:

• . . .
• Frågor?