Basis Javascript

29
JAVASCRIPT THOMAS DORISSEN, MAARTEN PIJNENBORG & JOHAN SILKENS

Transcript of Basis Javascript

Page 1: Basis Javascript

JAVASCRIPTT H O M A S D O R I SS E N , M A A RT E N P I J N E N B O R G & J O H A N S I L K E N S

Page 2: Basis Javascript

INHOUD

• Over ons• Wat ?• Wie ?• Waarom ?• Libraries• Hoe beginnen• Voorbeelden• Oefeningen• Quiz

Page 3: Basis Javascript

OVER ONS

Page 4: Basis Javascript

WAT IS HET ?

• Scripttaal voor webpagina’s• Zowel cliënt als server side

Page 5: Basis Javascript

WIE• Brendan Eich: Gemaakt voor

Netscape

Page 6: Basis Javascript

WAAROM

• Webpagina’s interactief maken• Gebruiksvriendelijkheid verhogen• (bijna) Iedereen gebruikt het• Eenvoudig te gebruiken• Wordt ondersteunt door meerdere Frameworks

Page 7: Basis Javascript

LIBRARIES

• Meer doen met minder code• Tijd besparen• Voorbeelden:

– Jquery (basic framework) – Dojo , EXT js

• complete framework• MVC: model-view-controller• OO• bv voor office online

Page 8: Basis Javascript
Page 9: Basis Javascript

VOORBEELDEN

Page 10: Basis Javascript

HOE ERAAN BEGINNEN

1. Script aanmaken (.js)2. Library (?)3. Eigen script toevoegen4. Coderen

Page 11: Basis Javascript

VARIABELEN

Vartypes

Page 12: Basis Javascript

VARIABELEN

Datatypes

Page 13: Basis Javascript

COMPARISON OPERATORS

Page 14: Basis Javascript

LOGICAL OPERATORS

Page 15: Basis Javascript

TERNARY OPERATOR

=

Page 16: Basis Javascript

NOTATIE• Dubbele = enkele quotes

-------------------------------------------------------------------------------------------------------------

Page 17: Basis Javascript

NOTATIE• Oplossing

Page 18: Basis Javascript

CONSOLE IN CHROME

Page 19: Basis Javascript

MAAK OEFENING 1 & 2

Page 20: Basis Javascript

TYPES

• Syntax: typeof variabele• Geeft het type van de parameter terug

Page 21: Basis Javascript

LUSSENFOR lus

WHILE lus

Page 22: Basis Javascript

ARRAY

Page 23: Basis Javascript

DOOR EEN ARRAY LOOPEN

Page 24: Basis Javascript

MAAK OEFENING 2.1 - (9.45.4B)

Page 25: Basis Javascript

WAARDES HALEN UIT HTML & FUNCTIES

Page 26: Basis Javascript

FUNCTIES OPROEPEN IN JAVASCRIPT ZELF

Page 27: Basis Javascript

MAAK OEFENINGEN 3-4-5

Page 28: Basis Javascript

TIPS MET WERKEN IN JAVASCRIPT

Page 29: Basis Javascript

QUIZ