WDKA software instructies

Theorie Web; Structuur (HTML), Vorm (CSS), > Gedraging/behavioural (Javascript) Browser-wars; DHTML, Javascript(NS)/Jscript(IE), ECMA-standard Gebruikt binnen DHTML; CSS eigenschappen aanpassen Andere toepassingen: AJAX, browser detection (bv. laden Flash objecten), Flash interactie Verschillen Javascript-Java (browser scripttaal vs compiled/plugin programmeertaal)

Praktisch Klassikaal; bekijken Youtube-javascript code; Monitoren (session), aan elkaar linken sessie gebruiker Laden Flash movies

Theorie praktisch

Plaatsen Javascript mbv DW (script-tag, src attribute voor extern)
<noscript>
Syntax
- spatie is delimitor
- semicolumn/puntcomma om statement te eindigen
- hoofdlettergevoelig
- comments (//, /*)
Variabelen
- vars zijn verwijzingen naar een waarde (getal, text, lijst, (object))
- getal (integer) of decimaal mbv . (8.5)
- string (text) tussen 'aanhalingstekens'
- lijst [ ... ] gescheiden door comma; [ 1, 2, 3]
- type is onderling uitwisselbaar (getal/text/lijst)
Declaratie variabelen
- keyword 'var'
- declareren & initieren
- scope (global / local (binnen function))
- weglaten 'var'; global
Objecten
- Objecten zijn herbruikbare verzamelingen functies en variabelen (associatieve arrays)
- Ingebouwd of zelf aangemaakt
- dot-syntax (object-oriented)
- Navigator; browser
- Window; venster
- Document; document

Praktisch PS 1.1

Theorie praktisch

if then else elseif
- if () {}
- else () {}
- else if () {}
- else {}

In de klas gemaakte javascript;


<html>
...
<script type="text/javascript">
// one-line comment, hiermee kun je stukjes script aan/uit zetten
/* multiple line
comment */

//var bezoeker = 'Dit is een zin';
//window.alert('dit is een alert');
var zekerweten = window.confirm('weet u het zeker?');

if ( zekerweten == true ) { 
	var bezoeker = window.prompt('geef uw naam');
	document.write('Hallo ' + bezoeker);
}
else {
	document.write('Sukkel!');
}

//

/*
var bezoekersnaam = window.prompt('Dit is een alert');
document.write('Dit wordt op de pagina geschreven');
*/
</script>

</body>
</html>

loops
- while (doe zolang...)
- for (init; voorwaarde; increment)

Praktisch PS 1.2

Theorie praktisch

meer loops
- for ... in ...
- do ... while ...
breaking the loop
- break
- continue

Functions

declaratie
- function name() {}
- function name( argument ) {}
- return

Les1