HTML5 • Hva CSS3 tilbyr av funksjonalitet • Bibliotek som kan hjelpe deg • Bruk av JavaScript • JavaScript og testing • Demo av 3 (R&D) HTML5-apper Innhold
◦ W3C ◦ Beregnet å være ferdig i 2014 ◦ Mye av "standarden" er allerede implementert i weblesere. Varierende grad av støtte. • Mange små og større nyheter som skal sammen løfte fram HTML til et mer kraftfullt og uttrykksfullt "språk".
- muligheter for å legge til lyd og video i websiden uten ekstra bibliotek eller plugins. • Å redigere innhold er bare å legge til contenteditable="true" til uansett element. • Canvas - nå kan en tegne grafikk direkte på websiden. • Applikasjons-cache gjør det mulig å bruke webapplikasjonen offline. • Datatyper i input-felt. • Dato- og tidkomponent. • Justering av historikk. • Geoposisjonering. • Web workers for asynkron programmering.
Skygge på bokstaver • Enklere å bruke spesielle bokstavtyper • Flere bakgrunner samtidig • Bruke bilde til opptegning av kant/border • Gjennomsiktighet på elementer • RGBA (red, green, blue, alpha) • Transform (animasjon) • Rundede hjørner (ikke lenger et hack) • Endre størrelse på elementer • Gradient
Fungerer: button.onclick = controller.deleteTrack.bind(controller, tracks[i].id); Bruk av intervall-timeren: ticket = setInterval(this.update, 200); Hva blir this? ticket = setInterval(this.update.bind(this, []), 200);
• Mocking og faking er superenkelt test("ctor", function() { expect(2); var viewMock = new Object; var c = new TrackerController(viewMock, new TrackFakeRepository); ok(c.currentTrack, "currentTrack should not be null"); equal(c.timerState, c.FRESH, "timerState should be fresh"); });
jorabra
tommy0124
oracle4engineer
nwiizo
akahane92
taka_aki
sakiengineer
zozotech
cmusudakeisuke
10xinc
takuyay0ne
yoshidatakeshi1994
jyoshise
addyosmani
csswizardry
chrislema
morganepeng
rmw
reverentgeek
samanthasiow
thekraken
garrettdimon
chriscoyier
marktimemedia
![JavaScript - This or that??? Naivt forsøk: button.onclick = controller.deleteTrack(tracks[i].id);](https://files.speakerdeck.com/presentations/4f211db472b45b001f001bde/slide_7.jpg){kind=link}
