Bestanddele i en Rig Web Klient
En typisk Rig Web Klient består af tre selvstændige dele der tilsammen leverer struktur, layout og logik.
HTML strukturen er den semantiske markup der definerer applikationens elementer til data indtastning, resultatvisning samt kortvisning. Desuden bliver der her inkluderet de tilhørende CSS og JS filer.
Vores CSS indeholder de fremvisningsmæssige instruktioner der tilsammen udgør det overordnede layout, skrifttyper samt visuel inddeling og formattering af de enkelte sektioner og elementer.
Vores Javascript indeholder den overordnede applikationslogik, herunder behandling af data indtastning, kommunikation med REST servicen, dynamisk oprettelse af nye elementer og sammenkædningen af klientens funktionelle afhængigheder.
Eksempel
Hvis du har skrevet HTML før vil du sikkert genkende det meste af koden, bortset fra den første linje.
Den angiver at dokumentet er skrevet i HTML 5 og sikrer os at alle browsere behandler vores CSS forholdsvis ens.
I linje 5 til 9 kan vi se vores CSS kode, efterfulgt af noget meget simpelt Javascript kode i linje 10 til 14.
Vi kalder Javascript funktionen test ved at angive en onload attribut i linje 16.
Du kan se hvordan det komplette eksempel til dette kapitel fungerer i koden.