Front End Developer

Denk je over een carrière als Front End Developer, of wil je gewoon de basics van het vak kennen? Dan past de Front End Developer opleiding bij jou. In zes dagen leer je met de webdevelopmenttalen HTML5, CSS3 en JavaScript werken, zodat je met code je eigen werkende website kunt bouwen.

Zo is de opleiding Front End Developer opgebouwd

De Front End Developer opleiding bestaat uit zes trainingsdagen en drie trainingen die op elkaar aansluiten:

• HTML5 en CSS3 basis
• JavaScript basis
• HTML5 en CSS3 gevorderd

Programma van de opleiding Front End Developer

HTML5 en CSS3 Basis

Dag 1

College 1

• Pagina's structuren met semantische HTML
• Teksten structureren
• Metadata gebruiken om browsers en zoekmachines informatie over de content op de pagina te geven

College 2

• Media insluiten
• Hyperlinks
• Tabellen opstellen
• Introductie Formulieren

Dag 2

College 1

• Prioriteer je geschreven styling met CSS Cascade
• Voeg CSS toe aan HTML met CSS Selectors
• CSS Box Model: HTML element layout
• CSS Display

College 2

• Introductie CSS Grid
• Introductie CSS Flex
• Introductie AI in Javascript

JavaScript Basis

Dag 1 College 1

• De taal leren kennen: wat is JavaScript en wat kan het doen?
• Variabelen en datatypen
• Arrays, Objecten
• Operators (Logical en Comparison)
• Conditional statements (if else)
• Loops (for, while)
• Functies en methoden

College 2

• Inleiding Document Object Model (DOM)
• Werken met DOM
• HTML pagina's tot leven brengen

Dag 2 College 3

• Verder met DOM-scripting
• Events en eventlisteners maken
• Animaties maken en effecten creëren

College 4

• Introductie AJAX-technologie
• JSON-dataformaat leren gebruiken
• De mogelijkheden van AI binnen Javascript

HTML5 en CSS3 Gevorderd

Dag 1

College 1

• Werken met Formulieren
• Metadata nesten in HTML: Microdata

College 2

• Werken met Web API's
• HTMLMediaElement
• Elementen tekenen op de pagina met HTML Canvas
• Elementen Drag and Drop
• SessionStorage en localStorage om informatie te bewaren
• GeoLocation gebruiken om positie te bepalen

Dag 2

College 1

• Leer elementen animeren en bewegen met:
  • CSS Transitions 
  • CSS Transformations
  • CSS Animations

College 2

• Maak responsieve webpaginas met Responsive Web Design - mobile first
• Introductie SASS (CSS met super powers!)
• AI inzetten om efficiënter te werken