Opleiding: 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.

• Iedereen die dynamische webpagina's gaat ontwikkelen.
• Beginnende (Web)programmeur.

• 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?

OCICT biedt flexibele maatwerktrainingen, individueel of klassikaal.

Op basis van klantbehoefte creëren we leertrajecten met directe toepasbaarheid, afgestemd op leerstijl en (leer)doelstellingen. Theorie en praktijk wisselen elkaar continu af, en de inhoud is vooraf én tijdens de training aanpasbaar.

De OCICT maatwerk-methode houdt in dat op basis van de behoefte van de klant - en indien nodig na een intakegesprek - een individueel opleidingstraject wordt opgesteld. De trainingen worden veelal individueel gevolgd, zodat iedere training een maatwerktraject is. Klassikale trainingen zijn natuurlijk mogelijk, mits ze aansluiten bij de leerbehoeften van de deelnemers / opdrachtgever.

Alle onderdelen van de training kennen een voortdurende wisselwerking tussen theorie en praktijk. De inhoud van de training kan vooraf per cursist worden aangepast en tijdens de cursus worden bijgesteld. De focus ligt op maatwerk: het traject wordt afgestemd op de doelstellingen van de deelnemer(s) en/of opdrachtgever, ongeacht of het individueel of klassikaal wordt aangeboden.