Presentasjon lastes. Vennligst vent

Presentasjon lastes. Vennligst vent

Workshop med Verdande Front-end utvikling – HTML, CSS og JavaScript.

Liknende presentasjoner


Presentasjon om: "Workshop med Verdande Front-end utvikling – HTML, CSS og JavaScript."— Utskrift av presentasjonen:

1 Workshop med Verdande Front-end utvikling – HTML, CSS og JavaScript

2 Copyright © 2012 Accenture All rights reserved. 2 Introduksjon Håvard Andersen Kamilla Rust Lars-Olof Moilanden

3 Copyright © 2012 Accenture All rights reserved. 3 Kjernejournal er en ny elektronisk løsning som samler viktige helseopplysninger i én kilde. Kjernejournal

4 Copyright © 2012 Accenture All rights reserved. 4 Scrum Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen

5 Copyright © 2012 Accenture All rights reserved. 5 Scrum - produktkø Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen Som bruker vil jeg kunne skrive inn navnet mitt og lagre det i en database.

6 Copyright © 2012 Accenture All rights reserved. 6 Scrum - sprintkø Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen Som bruker vil jeg kunne skrive inn navnet mitt og lagre det i en database.

7 Copyright © 2012 Accenture All rights reserved. 7 Scrum - sprintkø Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen Som bruker vil jeg kunne skrive inn navnet mitt og lagre det i en database. DatabaseLogikkSkjermbilder

8 Copyright © 2012 Accenture All rights reserved. 8 Scrum - sprintkø Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen Som bruker vil jeg kunne skrive inn navnet mitt og lagre det i en database. DatabaseLogikkSkjermbilder 6 timer1 dag 5 timer 2 dager 1 time

9 Copyright © 2012 Accenture All rights reserved. 9 Scrum - sprint Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen

10 Copyright © 2012 Accenture All rights reserved. 10 Scrum - sprint Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen Skriv tekst her: TekstSend Skisse Ferdig utviklet

11 Copyright © 2012 Accenture All rights reserved. 11 Scrum – delleveranse Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen

12 Copyright © 2012 Accenture All rights reserved. 12 Scrum Krav 3 uker Krav Produktkø Sprintkø Sprint 1 dag Fungerende del av løsningen

13 Copyright © 2012 Accenture All rights reserved. 13 Front-end utvikling Sprint Som bruker vil jeg kunne skrive inn navnet mitt og lagre det i en database. Skriv tekst her: TekstSend Skisse Krav Ferdig utviklet

14 Copyright © 2012 Accenture All rights reserved. 14 HTML, CSS og JavaScript Nettsiden til Kamilla Dette er en enkel nettside.

15 Copyright © 2012 Accenture All rights reserved. 15 HTML, CSS og JavaScript Elementer/tags Attributter Tittel på nettsiden Innholdet i nettsiden Et HTML dokument

16 Copyright © 2012 Accenture All rights reserved. 16 HTML, CSS og JavaScript.overskrift { color: white; font-size: 30px; } body { background-color: pink; } Nettsiden til Kamilla Dette er en enkel nettside.

17 Copyright © 2012 Accenture All rights reserved. 17 HTML, CSS og JavaScript overskrift { color: white; font-size: 30px; } EgenskapVerdiEgenskapVerdiSelektor

18 Copyright © 2012 Accenture All rights reserved. 18 HTML, CSS og JavaScript h1 { color: white; font-size: 30px; } Selektor overskrift { color: white; font-size: 30px; } # EgenskapVerdiEgenskapVerdi

19 Copyright © 2012 Accenture All rights reserved. 19 HTML, CSS og JavaScript h1 { color: white; font-size: 30px; } Selektor overskrift { color: white; font-size: 30px; }. EgenskapVerdiEgenskapVerdi

20 Copyright © 2012 Accenture All rights reserved. 20 HTML, CSS og JavaScript Skriv tekst her: Send.tekst { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }.knapp { background-color: #7E007E; color: #FFFFFF; width: 60px; height: 46px; }.tekstfelt { height: 40px; }.kantlinje { border: 2px solid #000000; } HTML CSS function knapp() { alert($("#inputfelt").val()); } JavaScript

21 Copyright © 2012 Accenture All rights reserved. 21 HTML, CSS og JavaScript Skriv tekst her: Send.tekst { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }.knapp { background-color: #7E007E; color: #FFFFFF; width: 60px; height: 46px; }.tekstfelt { height: 40px; }.kantlinje { border: 2px solid #000000; } HTML CSS function knapp() { alert($("#inputfelt").val()); } JavaScript

22 Copyright © 2012 Accenture All rights reserved. 22 HTML, CSS og JavaScript Skriv tekst her: Send.tekst { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }.knapp { background-color: #7E007E; color: #FFFFFF; width: 60px; height: 46px; }.tekstfelt { height: 40px; }.kantlinje { border: 2px solid #000000; } HTML CSS function knapp() { alert($("#inputfelt").val()); } JavaScript

23 Copyright © 2012 Accenture All rights reserved. 23 HTML, CSS og JavaScript Skriv tekst her: Send.tekst { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }.knapp { background-color: #7E007E; color: #FFFFFF; width: 60px; height: 46px; }.tekstfelt { height: 40px; }.kantlinje { border: 2px solid #000000; } HTML CSS function knapp() { alert($("#inputfelt").val()); } JavaScript

24 Copyright © 2012 Accenture All rights reserved. 24 HTML, CSS og JavaScript Skriv tekst her: Send.tekst { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }.knapp { background-color: #7E007E; color: #FFFFFF; width: 60px; height: 46px; }.tekstfelt { height: 40px; }.kantlinje { border: 2px solid #000000; } HTML CSS function knapp() { alert($("#inputfelt").val()); } JavaScript jsfiddle.net/LpmVR/

25 Copyright © 2012 Accenture All rights reserved. 25 Hver sprint er 15 min. Dere er utviklere. Vi er produkteiere. Bruk jsfiddle.net under utvikling. Tips til en gode nettsider for hjelp: w3schools.com og jquery.com Spør oss om hjelp og tips! Workshop


Laste ned ppt "Workshop med Verdande Front-end utvikling – HTML, CSS og JavaScript."

Liknende presentasjoner


Annonser fra Google