React Fundamentals - 100% Online - Thuisstudie met begeleiding

Deze hands-on cursus is ideaal voor iedereen die wil leren werken met React – een van de populairste JavaScript-bibliotheken voor het bouwen van moderne gebruikersinterfaces. Je leert hoe je een React-project opzet met moderne tools, hoe je apps structureert met componenten, en hoe je slim omgaat met data via props en state. Door middel van praktijkopdrachten, zoals het bouwen van een weer-app, oefen je met het afhandelen van gebruikersinteracties, conditionele rendering en dynamische lijsten. Je maakt ook kennis met debugging in React DevTools, styling via ChakraUI en het bouwen van formulieren. Aan het einde van de cursus ben je in staat om een interactieve, responsive React-applicatie te bouwen en heb je een solide basis om door te groeien.

✓ Leer werken met JSX, componenten, props en state
✓ Bouw interactieve en responsive React-apps met ChakraUI
✓ Begrijp de verschillen tussen class en function components
✓ Debug met React DevTools en bouw formulieren op meerdere manieren
✓ Sluit af met een praktijkproject waarin je alles toepast

Studiebelasting: ±30 uur (excl. eindproject van 10–30 uur)
Toegang: 90 dagen tot al het cursusmateriaal en persoonlijke ondersteuning
Prijs: €895
Taal: Engels
Certificaat: Winc Academy-certificaat bij afronding
Vorm: Online zelfstudie met persoonlijke begeleiding
Voorkennis: Basiskennis van HTML, CSS en JavaScript is vereist

Topics & Inhoud (beknopt samengevat)

React Introduction
Je maakt kennis met React en leert hoe het zich verhoudt tot andere frameworks zoals Angular en Vue. Deze introductie helpt je begrijpen waarom React zo populair is.

Setup
Je leert hoe je een React-project opzet met moderne tools zoals Vite, ESLint en NPM. Dit legt de technische basis voor je projectstructuur.

JSX
JSX combineert JavaScript en HTML-achtige syntax om UI’s te bouwen. Je leert hoe React hiermee componenten rendert in de browser.

Rendering Components
Je ontdekt hoe React gebruikmaakt van de Virtual DOM en hoe je componenten effectief structureert en importeert. Fragments en componentopbouw komen aan bod.

Props
Je leert hoe je data overdraagt tussen componenten via props. Ook ga je aan de slag met object destructuring in React.

Conditionals
In dit topic leer je logica toepassen binnen React, zoals het tonen of verbergen van componenten. Je gebruikt conditionele operators en statements binnen JSX.

State
Je verkent het verschil tussen stateless en stateful componenten. Met de useState-hook leer je dynamische data beheren in je applicatie.

Handling Events
Hier leer je hoe je gebruikersinteracties afhandelt met event handlers. Denk aan het koppelen van functies aan knoppen en invoervelden.

React DevTools in Chrome
Je leert React DevTools gebruiken om bugs op te sporen en je componentstructuur te analyseren. Dit helpt je beter inzicht krijgen in hoe je app werkt.

List, loops and keys
Je oefent met het renderen van lijsten met .map() en leert hoe je unieke keys gebruikt. Ook ontdek je hoe je child-componenten beheert.

Styling with a design system
Je past ChakraUI toe om snel professionele interfaces te bouwen. Je leert over responsive design, dark/light modes en component-gebaseerde styling.

Classes vs Functions
Je verkent het verschil tussen class components en de modernere function components. Zo begrijp je hoe React zich in de loop der tijd heeft ontwikkeld.

Forms in React
Je leert zowel gecontroleerde als ongecontroleerde formulieren bouwen. Velden, checkboxes, dropdowns en ChakraUI-integratie komen aan bod.

React Basics Project
In dit afsluitende project pas je alles toe wat je hebt geleerd. Je bouwt een complete, functionerende applicatie met React.