JavaScript Basis

Start met JavaScript en leer hoe je interactieve webpagina’s bouwt! Deze basiscursus legt de fundamenten van programmeren uit, stap voor stap en zonder voorkennis.

Wil je leren hoe websites écht werken? In deze cursus ontdek je de basis van JavaScript, de programmeertaal die webpagina’s interactief maakt. Je leert stap voor stap hoe je scripts schrijft, variabelen gebruikt, beslissingen maakt met logica, en reageert op gebruikersacties. Zonder voorkennis duik je in praktische voorbeelden en oefen je met het bouwen van dynamische elementen zoals knoppen en formulieren. De cursus legt de nadruk op begrijpelijke uitleg, hands-on opdrachten en directe toepassing in de browser. Na afloop kun je zelfstandig eenvoudige scripts maken en begrijp je hoe JavaScript samenwerkt met HTML en CSS.

• JavaScript Gevorderd met o.a. Iffy, Node, AJAX, JSON, jQuery en ES6

• HTML voor gebruik met JavaScript
  • Inleiding
    • Core JavaScript
    • Client-side JavaScript
    • Server-side JavaScript
    • JavaScript versus Java
    • Beperkingen van Client-side JavaScript
  • Hulpmiddelen
    • Editor
    • Browser
    • De JavaScript documentatie
    • Debugging
    • ActiveX Instelling
  • HTML en JavaScript
    • Tekst ophalen uit inputveld.
    • JavaScript file insluiten
    • Code in JavaScript file.
  • Voorbeelden van Javascript
    • Informatie tonen met document.write()
    • Tekst in de statusbalk
    • Reageren op de muis

• Syntaxis van JavaScript
  • Commentaar
  • Literals
  • Variabelen
    • Gegevenstypes
    • De scope van variabelen
    • Constanten
    • Variabelen en literals
    • Undefined versus Null
  • Data type conversie
  • Operatoren
    • Rekenkundige operatoren
    • Relationele operatoren
    • Logische operatoren
    • Bit- en Shift operatoren
    • Toekenningsoperator
    • Conditionele operator
    • String operatoren
  • Expression, statement, codeblock en Strict mode

• Besturingsopdrachten
  • Conditionele statements:   if, if...else, if...else if...else
  • Label statement
  • Switch statement
  • Lussen (Loop statements):   While lus, Do while lus en For lus.
  • Break en Continue - Ongestructureerde statements

• Functies
  • Definitie
  • Lokale- versus globale variabelen
  • Modulair bouwen met functies
    • Substitutie parameters.
    • Gegevens doorgeven aan functie
  • Functie met of zonder Return
  • Ingebouwde functies
    • Functies: eval(), isFinite(), isNaN(), parseFloat(), parseInt()
    • Globale functies gebruiken
  • Exception handling
    • Try...Catch statement
    • Throw statement.

• Introductie Object Oriëntatie
  • Klassieke modellen
  • Het OO-model
  • Ontstaan van OOP
  • Toepassingsgebieden
  • Concepten van OOP
  • Voor- en nadelen van OOP
  • De Class
  • Vererving en class-hiërarchie.
    • Superclass en subclass, Vererving, Class-hiërarchie, Polymorfisme, Constructor

• OOP in Javascript
  • Objecten
    • Eigenschappen
    • De methoden
    • Voordelen van OOP
    • Classes versus prototypen
  • Werken met objecten
    • Objecten aanmaken met new
    • Objecten gebruiken
    • Objectmanipulatie statements
    • Objecten opruimen
  • Ingebouwde core objecten
    • String object
    • Array object
    • Boolean object
    • Date object
    • Function object
    • Math object
    • Number object
    • Regular Expressions
  • Zelf objecten maken en gebruiken
    • Objecten creëren
    • Het prototype van een object

• Client Side JavaScript
  • JavaScript in HTML
  • Het Object Model van de browser
  • window object
  • navigator object
  • history object
  • screen object
  • location object
  • Document object
    • DOM objecten manipuleren
    • Document eigenschappen
    • Event Handlers van het document object
    • Event object
    • Link object
    • Image object
  • Form object en Select object
  • Frame object
  • Werken met lagen

• Lokale data
  • Cookies
    • Cookie schrijven
    • escape() en unescape()
    • Cookie lezen
    • Permanente cookie Wissen
    • Cookies.js
    • Cookie beperkingen
    • Wat te doen als cookies uitgeschakeld zijn
  • HTML Web Storage

• Recursie, timing en callback
  • Recursie
  • Timing
  • Callback Functions

• Strict mode
  • Restricties in Strict Mode
  • Declareren van Strict Mode
  • Waarom Strict Mode?