De Web Frontend Developer heeft vaardigheden in de belangrijkste clientside programmeertechnieken  HTML, CSS en Javascript en heeft ook kennis van moderne items zoals ES6, AJAX, SASS, e.d. Met deze vaardigheden maak je dynamische websites en web-applicaties voor desktop, mobile en tablets.

Deze opleiding is gericht op de beginnende Web Frontend Developer. De opleiding bestaat uit 6 modules. In de eerste module, Web Basis, leer je de basisvaardigheden van HTML en CSS, de bouwstenen van het web. In de tweede module, Javascript Basis, leer je de basisvaardigheden in het programmeren in Javascript.

Tijdens de volgende modules: Javascript Vervolg, DOM-manipulatie en modern webdevelopment specialiseer je je verder in de frontend technieken. Verdieping van je kennis van Javascript staat hierin centraal. Denk hierbij aan het controleren van formulieren, het toepassen van visuele effecten of het manipuleren van HTML-elementen om externe content m.b.v. AJAX te implementeren.

Front End krijgt daarnaast vaak te maken met Backend technieken. De module PHP Basis leert je de basisvaardigheden in het programmeren in PHP en geeft je meer inzicht in het verschil tussen Frontend en Backend technieken. Een onmisbare module dus voor het breedte perspectief van een Frontend Developer.

Je leert ook hoe in grotere projecten een package-manager (npm), pre-processor (SASS), task-runner (Gulp) en repository (GIT) gebruikt worden om een moderne workflow op te zetten. Nu misschien nog onbekende termen en afkortingen, maar na deze opleiding zijn het bruikbare technieken geworden.

Omdat je het masteren van al deze best wel lastige stof leert door veel zelf te doen en te oefenen, is het verstandig om per module twee keer zoveel tijd in te plannen voor het oefenen en huiswerk. Je krijgt daarbij desgewenst online begeleiding van de docent.

Je kennis van het gebruik van Javascript wordt met zowel theorie als praktische tips verder uitgebreid, gericht op een moderne workflow.

Studieprogramma Web Frontend Developer

Web Basis

  • HTML en CSS Basis
  • Photoshop voor webdesign
  • HTML en CSS Vervolg
  • HTML en CSS Responsive
 

Javascript Basis:

  • Developer Tools
  • HTML - DOM
  • Structuur, syntax, datatypen
  • variabelen, operatoren
  • functies, objecten
  • conditionele tests
  • lussen

Javascript Vervolg

  • built-in objecten
  • browser objecten
  • scope
  • events
  • formulier afhandeling
  • data afhandeling
  • JSON
  • ES6
  • Libraries en frameworks

PHP Basis:

  • Local webserver: MAMP of XAMP
  • PHP syntax
  • Datatypes en varaibelen
  • Operatoren en tekens
  • Conditionele tests
  • Loops
  • Statements, expressies en functies
  • Build-in PHP functies

Dom-Manipulatie

  • selectors
  • wrappers
  • HTML manipulatie
  • events
  • AJAX

Modern-webdevelopment

  • git
  • npm
  • Less, Sass, PostCSS
  • gulp, webpack
  • responsive design
  • one page design
  • frontend frameworks

Examen

Na deze opleiding kun je je kennid uitbreiden met overige modulen uit de opleiding Web Back End Developer.