Tre-dagers introduksjonskurs i grensesnittsprogrammering.
##Dag 1: Nettleseren, HTML og CSS
###Nettleseren
Introduksjon til nettleserens historie og ulike strategier for å imøtekomme krav til nettleser-kompabilitet.
###HTML
Vi gjennomgår semantikk, forskjellige tags og forklarer forskjellen på HTML og HTML5.
Oppgave: Skriv html for en nettside, ut i fra en skjermdump.
###CSS
####Layout Ulike CSS-egenskaper knyttet til sidelayout. Posisjonering, float, box-model.
Oppgave: Lag layout til nettsiden som ble kodet, slik at den ser ut som på en skjermdump.
####Design Herunder form, farge, typografi, CSS3 med skygger, graderinger, animasjon.
Oppgave: Lag design til nettsiden som ble kodet.
###Responsive design
Vi forklarer hva responsive design er, og hvordan man kan bruke det for å tilpasse en nettside til ulike skjermstørrelser. Oppgave tilknyttet nettsiden.
##Dag 2: JavaScript
-
Del 1: Introduksjon til JS, herunder de ulike datatypene og hvordan man manipulerer dem. Oppgaver, som går ut på å få automatiserte tester til å passere.
-
Del 2: DOM-manipulering med jQuery. To sett med oppgaver. Del 1 kan anses som oppvarming, mens del 2 går ut på å lage et slide-show til nettsiden som ble laget dag 1.
-
Del 3: Ajax. Oppgave: Lag et bildegalleri med bilder fra Flickr
-
Del 4: DOM-del 2: Her introduserer vi eventer, som vi kan få nettleseren til å lytte til og reagere på. Oppgave: Bygg videre på bildegalleriet, slik at en bruker kan søke etter bilder og få opp bilder som passer til søket, samt vise bildene i stort format.
##Dag 3: Alt i ett
Dette er manndomsprøven, hvor vi jobber med alt vi har lært - samtidig!
Oppgave: Lag en "todo"-applikasjon, der en bruker kan legge til gjøremål i en liste. Gjøremålene kan slettes og endres. I oppgaven skal du skrive html, css og javascript, og det kreves at gjøremålene er JavaScript-objekter som lagres i et array.
De som føler at dette er for enkelt, utfordres på følgende vis: Løs oppgaven med Backbone.js. Lagre gjøremålene i nettleseren, slik at den husker dem når siden lastes på nytt.