OC ICT - Opleidingen - JavaScript Basis

mainframe

JavaScript Basis

Code	Duur	Trainingsvorm
IIJVSCRB	3 dagen	Individueel.
Lesmethoden: Individueel en Virtueel.
Prijs:€ 1.575,00 vrij van BTW.

Overview

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.

Doelstelling

In deze cursus leert u de basisbegrippen en functies van JavaScript. Na de cursus bent u in staat om zelfstandig dynamische, interactieve webpagina's te maken met behulp van JavaScript.De cursus kan ook dienen als inleiding tot het leren programmeren (de concepten van JavaScript komen terug in vrijwel alle andere programmeertalen).

Doelgroep

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

Inhoud

Basis beginselen JavaScript
Geschiedenis van JavaScript
Eerste eigen script schrijven
Structuur van JavaScript statements
Werken met variabelen en de daarbij horende gegevenstype
Variabelen bewerken met operatoren
Gebruik van Functies
Arrays maken en bewerken
Introductie Object Oriëntatie
Werken met Objecten
Voorwaardelijke statements en programma lussen, waaronder if, else, switch, while en for
Client Side JavaScript
Lokale data; Cookies en HTML Web Storage
JavaScript-events en -event handlers
Het Document Object Model (DOM)
Recursie, timing en Callback functies

Gedetailleerde inhoud

Details (klik op de inhoud voor meer/minder details)

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