Front End Developer Expert (Pilot Training)

Ben je frontend developer of wil je het graag worden? Klaar om effectieve websites te bouwen? Dan is deze opleiding geknipt voor jou. Je leert hoe je de drie talen voor webdevelopment gebruikt: HTML5, CSS3 en JavaScript. De opleiding duurt negen dagen en maakt van jou een expert in frontend development.Zo is de opleiding opgebouwdDe opleiding Frontend Developer expert bestaat uit acht trainingsdagen en vier trainingen die op elkaar aansluiten:Training HTML5 en CSS3 basisTraining JavaScript basisTraining HTML5 en CSS3 gevorderdTraining JavaScript gevorderd

Programma van de opleiding Front End Developer Expert (Pilot Training)

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

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

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

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

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

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

JavaScript Gevorderd

Dag 1

College 1

• Scope & Closures
• Moderne JS Syntax (destructuring, arrow functions, spread- & rest operators)

College 2

• Asynchronous JavaScript
• Scheduling, Callbacks
• APIs & HTTP requests
• Promises
• Error handling

Dag 2

College 1

• JavaScript-modules
• Package management
• Werken met Objects (gevorderd)

College 2

• Object Orientated Programming
• Functional Programming

JavaScript Gevorderd

Dag 1

College 1

• Scope & Closures
• Moderne JS Syntax (destructuring, arrow functions, spread- & rest operators)

College 2

• Asynchronous JavaScript
• Scheduling, Callbacks
• APIs & HTTP requests
• Promises
• Error handling

Dag 2

College 1

• JavaScript-modules
• Package management
• Werken met Objects (gevorderd)
• De mogelijkheden van AI om je werk te versnellen

College 2

• Object Orientated Programming
• Functional Programming

JavaScript Gevorderd

Dag 1

College 1

• Scope & Closures
• Moderne JS Syntax (destructuring, arrow functions, spread- & rest operators)

College 2

• Asynchronous JavaScript
• Scheduling, Callbacks
• APIs & HTTP requests
• Promises
• Error handling

Dag 2

College 1

• JavaScript-modules
• Package management
• Werken met Objects (gevorderd)
• De mogelijkheden van AI om je werk te versnellen

College 2

• Object Orientated Programming
• Functional Programming

JavaScript Gevorderd

Dag 1

College 1

• Scope & Closures
• Moderne JS Syntax (destructuring, arrow functions, spread- & rest operators)

College 2

• Asynchronous JavaScript
• Scheduling, Callbacks
• APIs & HTTP requests
• Promises
• Error handling

Dag 2

College 1

• JavaScript-modules
• Package management
• Werken met Objects (gevorderd)

College 2

• Object Orientated Programming
• Functional Programming

Wat kun je na het volgen van de opleiding Front End Developer Expert (Pilot Training)

• Je kunt voor je website of -applicatie een structuur bouwen die semantisch klopt
• Je kunt je website of -applicatie opmaken met CSS
• Je kunt JavaScript gebruiken om de website actief te maken met animaties en DOM-manipulaties
• Je kunt met JavaScript data ophalen en versturen
• Je kunt moderne frontend tools en open source-software binnen je project gebruiken
• Je weet precies wat frontend development inhoudt en hoe je je na de training verder ontwikkelt
• Je kent de mogelijkheden van AI binnen frontend development

Voor wie is de opleiding Front End Developer Expert (Pilot Training) bedoeld?

Denk jij na over een carrière als Front-end Developer, of wil je de kneepjes van het vak leren kennen? Dan past de opleiding Front End Developer bij jou. In 8 dagen leer je met de webdevelopmenttalen HTML5, CSS3, ReactJS en JavaScript werken, zodat je met code je eigen werkende website kunt bouwen.