Front-end Development met JavaScript

Lesmethode :

Klassikaal

Algemeen :

Met deze Front-end Development JavaScript cursus bij Vijfhart voeg je dynamiek en logica toe aan jouw webpagina’s. JavaScript is dé programmeertaal van het web, zonder JavaScript zouden sites als Gmail, X of Facebook niet bestaan. Ook populaire frameworks zoals Angular en React zijn erop gebouwd. Om aan de slag te gaan met deze frameworks heb je basiskennis JavaScript nodig en die basis leg je in deze cursus.



Je leert werken met variabelen, datatypes, statements, functies en programmeerstructuren zoals if/else, switch en loops. Dit zijn de bouwstenen waarmee je leert hoe je logica in je code aanbrengt. Daarna ontdek je onderwerpen als scope, hoisting en closures, die je helpen begrijpen hoe JavaScript je code uitvoert. Ook werk je met objecten, arrays, JSON en AJAX om data dynamisch te verwerken. Verder komen DOM-manipulatie en events aan bod, zodat je leert hoe je elementen op een pagina kunt aanpassen of interactief maakt. Je leert daarnaast werken met callback functies, lambda’s en objectgeoriënteerde concepten zoals prototypes en klassen, belangrijk om door te groeien naar grotere projecten en moderne frameworks binnen front-end development.



In de praktijkopdrachten schrijf en test je je eigen scripts in browsers zoals Google Chrome, Mozilla Firefox en Microsoft Edge. Je valideert formulieren, maakt interactieve elementen en eenvoudige animaties en oefent met dynamische data-uitwisseling via AJAX. Zo ervaar je stap voor stap hoe JavaScript een statische pagina verandert in een interactieve webapplicatie en leg je een solide basis voor verdere groei richting frameworks en gevorderde front-end ontwikkeling.

Doel :

Na het volgen van deze cursus kun je zelfstandig Javascript toepassen om dynamische HTML webpagina’s maken in JavaScript.

Doelgroep :

Deze JavaScript cursus is voor iedereen die al werkt met HTML en CSS en nu JavaScript willen toevoegen aan hun vaardigheden zoals front-end developers, webontwikkelaars en webdesigners.

Voorkennis :

De volgende voorkennis is vereist: Bouwen van webpagina’s met HTML5.

Het cursusmateriaal is in het Engels. Een goede beheersing van de Engelse taal is vereist.

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