1. Javascript Introductie

2. Wat is Javascript ? Programmeer/scripttaal t.b.v. webomgevingen Geen compiler nodig / browser verwerkt script In html of als extern bestand ! Body of Headerscript !

4. Valideren van forms en input

5. HTML pagina’s custom made !

6. Cookies / standaard datum etc.

7. Controle over browserContent / Styling / Behavior Html/xml – CSS/Xslt / Javascript

9. Roll-overs

10. Menu

11. Validering

12. Pop-ups

14. Variabelen

15. Vergelijkingen

17. Variabelen ! Variabelenzijnzelfgemaaktobjecten ! vardePagina; (eenvariabele met de naamdePagina is gemaakt) varmijnKat=“Daisy”; (de waarde van mijnKat is Daisy) varmijnTeller=1 (de waarde van mijnTeller is 1)

18. Variabelen ! Nummers en strings ! 1 “1” “melk” varmijnTeller = 1 + 1 (de waarde van mijnTeller is 2) varmijnTeller = 1 + “1” (de waarde van mijnTeller is 11) varmijnTeller = “1” + “1” (de waarde van mijnTeller is 11) varmijnTeller = 1 * “1” (syntaxfout) varmijnTeller = 1 / “1” (syntaxfout) varmijnTeller = 1 - “1” (syntaxfout)

19. Variabelen ! Nummers en strings 2 ! varmijnTeller = mijnTeller + 1 De variabeleMijnTellerwordt met 1 opgehoogd varmijnTeller = mijnTeller ++ De variabeleMijnTellerwordt met 1 opgehoogd varmijnTeller = mijnTeller - 1 De variabeleMijnTellerwordt met 1 verlaagd varmijnTeller = mijnTeller -- De variabeleMijnTellerwordt met 1 verlaagd

20. Vergelijkingen ! + / - * < > ++ --

21. Events! De browser doet alleen iets als er iets gebeurt! Keyboard-events ! Mouse click events! Mouse move events ! Window-events ! Form en input events !

22. Voorbeelden van Eenvoudig Javascripts

23. Opdracht Javascript‘Foto mousover’ Opdracht 1. Maakeenoverzichtpaginamet eenfotooverzicht. GebruikJavascriptomeenmouseovervooriederefototemakenwaardoor de fotovergrootwordtweergegeven. Upload de bestandennaar je eigenwebomgeving en stuur de link via Mail naarm.v.ginkel@rocleiden.nl