Front-end Development met JavaScript

Lesmethode :

Klassikaal

Algemeen :

JavaScript is uitgegroeid tot de belangrijkste programmeertaal op het internet. Zonder JavaScript zouden sites als Gmail, Twitter en Facebook niet bestaan. Ook Angular, Prototype en andere frameworks zijn gebaseerd op JavaScript. Om aan de slag te gaan met deze frameworks heb je basiskennis JavaScript nodig. Met deze cursus leer je de basisbeginselen van JavaScript, zoals het gebruiken van variabelen, loops en functies en het toepassen daarvan in een webpagina.
Ook leer je dynamische HTML webpagina's maken met verschillende programmeerstructuren, functies, objecten en events. Tenslotte leer je wat het Document Object Model (DOM) is en waarom dit belangrijk is bij het werken met JavaScript. Het belangrijkste toepassingsgebied van JavaScript is de browser, je test daarom de scripts rechtstreeks in Google Chrome, Mozilla Firefox en Microsoft Internet Explorer.

Doel :

Na het volgen van deze cursus kun je zelfstandig dynamische HTML webpagina's maken in JavaScript.

Doelgroep :

Deze cursus is voor IT-professionals die webpagina's bouwen en deze dynamisch en interactief willen maken.

Voorkennis :

Bouwen van webpagina's met HTML5 (of vergelijkbaar).
Kennis van Cascading Style Sheets (CSS3) is een pre. Leesvaardigheid in het Engels (het cursusmateriaal is in het Engels)

Onderwerpen :

- Inleiding en Chrome developer tools
- Basisbegrippen, scope en console.log
   - Statements
   - Variabelen
   - Commentaar
   - Datatypen
   - Scope
   - Hoisting
   - Operatoren
- Programmeerstructuren
   - If en else statements
   - Switch statement
   - Loops
- Functies
   - Standaard functies
   - Anonieme functies
   - Closures
   - IFFY's
- Objecten, JSON en AJAX
   - Standaard objecten
   - Arrays
   - Array hulp methoden
   - Template Strings
   - JSON
   - AJAX
- DOM manipulatie, events, formulieren, callback functies en lambda expressies
   - Dom structuur
   - Dom manipulatie
   - Events
   - Callback functies
   - Lambda expressies
- Object creatie en overerving
   - Object instanties
   - Prototype
   - Object.create()
   - Call, bind en apply functies
   - Klassen en constructoren
- HTML5 API's programmeren (optioneel)
   - Websocket API
   - Web Workers
   - Web Storage API
   - File API en drag & drop
   - Notification API