Front End Developer Expert In-company

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 twaalf dagen en maakt van jou een expert in frontend development. Zo is de opleiding opgebouwd De opleiding Frontend Developer expert bestaat uit twaalf trainingsdagen en zeven trainingen die op elkaar aansluiten:

• Training Web development Introductie
• Training HTML5 en CSS3 basis
• Training JavaScript basis
• Training HTML5 en CSS3 gevorderd
• Training Frontend Tools
• Training JavaScript gevorderd
• Training ReactJS basis

Programma van de opleiding Front End Developer Expert

Web Development Introductie

College 1

• Webdevelopment: een helikopterview
• Visual Studio Code: werken met een ontwikkelomgeving
• De basics van HTML

College 2

• De basics van CSS en JavaScript
• Dynamic data demo’s

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

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 1

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

College 2

• Introductie AJAX-technologie
• JSON-dataformaat leren gebruiken

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!)

Front-end Tools

College 1

• Werken op de commandline
• Werken met Git

College 2

• Werken met GitHub
• Werken met npm

JavaScript gevorderd

Dag 1

College 1

• Introductie in API’s
• Wat is een third-party API?
• API-protocollen

College 2

• HTTP-requests: data versturen en ophalen met XHR en Fetch
• Asynchroon JavaScript (async/await, scheduling)
• Werken met Promises

Dag 2

College 1

• JavaScript-modules en libraries
• Package management met behulp van Yarn en NPM op de Command Line (CLI)

College 2

• Error handling

ReactJS basis

Dag 1

College 1

• Introductie in ReactJS: wat is het, en wat kun je ermee?
• Hoe werkt ReactJS?
• Renderen en virtual DOM
• Tooling: NPM, React Developer Tools, Create React App

College 2

• Elementen creëren met React Top-Level API
• JSX: attributes, styling, props en interpoleren
• Lijsten (conditioneel) renderen
• Denken in componenten

Dag 2

College 2

• Componenten: parent versus child
• Props in ReactJS
• User events: click, focus, change en submit

College 3

• Component state
• Introductie in React Hooks
• Lifting State
• Component lifecycle
• Een eigen website publiceren