React-training - 4 dagen online klassikaal

Bouw moderne, responsieve webapplicaties met React en ontwikkel de praktische front-endvaardigheden die door de toonaangevende ontwikkelteams van vandaag worden gebruikt

Deze praktijkgerichte React-training laat deelnemers kennismaken met componentgebaseerde applicatieontwikkeling met behulp van React, JavaScript, JSX, hooks, routing, formulieren, API’s en statusbeheer.

Tijdens de cursus leren deelnemers hoe ze herbruikbare UI-componenten kunnen maken, de applicatiestatus kunnen beheren, gebruikersinteracties kunnen afhandelen, REST API's kunnen gebruiken en single-page applicaties (SPA's) kunnen bouwen met React Router. Praktische oefeningen en praktijkgerichte projecten helpen cursisten om vertrouwen te krijgen in het ontwikkelen van schaalbare, onderhoudbare en hoogwaardige webapplicaties.

De cursus introduceert ook moderne React-ontwikkelingspraktijken, waaronder hooks, functionele componenten, asynchrone gegevensverwerking, testen en het beheer van de levenscyclus van componenten — en biedt zo een sterke basis voor professionele front-end- en full-stack-ontwikkeling.

Doelgroep

• Front-end webontwikkelaars
• JavaScript-ontwikkelaars die overstappen naar React
• Full-stack ontwikkelaars die hun front-end vaardigheden uitbreiden
• Softwareontwikkelaars die moderne webapplicaties bouwen
• UI-ontwikkelaars die werken met single-page applicaties
• Technische professionals die geïnteresseerd zijn in moderne JavaScript-frameworks
• Ontwikkelaars die zich voorbereiden op React-gebaseerde projecten en functies

Vereisten

• Basiskennis tot gemiddelde kennis van JavaScript
• Inzicht in de basisprincipes van HTML en CSS
• Bekendheid met programmeerconcepten zoals variabelen, functies en loops
• Basiskennis van ES6 JavaScript-functies is een pré
• Eerdere ervaring met webontwikkeling wordt aanbevolen, maar is niet verplicht

Leerdoelen

• Moderne React-applicaties bouwen: Leer hoe je snelle en onderhoudbare single-page applicaties maakt met behulp van React, JSX, functionele componenten, hooks en moderne JavaScript-functies. Je verkent ook de virtuele DOM en componentgebaseerde architectuur voor het bouwen van schaalbare gebruikersinterfaces.
• Formulieren & gebeurtenisafhandeling: Ontwikkel praktische vaardigheden in het omgaan met formulieren, gebruikersinvoer, validatie en gebeurtenissen met behulp van gecontroleerde en ongecontroleerde componenten, refs en formulierenbibliotheken van derden.
• Routing & navigatie: Gebruik React Router om soepele navigatie in single-page-applicaties te creëren met dynamische routes, geneste routes, omleidingen, beveiligde routes en programmatische navigatie.
• Statusbeheer met Redux: Leer hoe je de applicatiestatus beheert met Redux, inclusief acties, reducers, stores en middleware zoals Thunk en Saga voor het afhandelen van asynchrone bewerkingen en foutopsporing.

Cursusinhoud

Dag 1

Sessie 1: Inleiding tot React

• Basisprincipes van React
• Babel en Create React App
• Projectopzet en -structuur

Sessie 2: Modern JavaScript

• Single-page applicaties en ES6-functies
• Variabelen, functies, klassen en modules
• Template literals en destructuring
• Promises, generators, sets en maps
• Basisprincipes van functioneel JavaScript en TypeScript

Sessie 3: JSX & Elementweergave

• Virtual DOM en JSX
• Elementen weergeven
• Werken met lijsten en sleutels

Sessie 4: Componenten & Props

• Functionele en klasse-componenten
• Props en componentstatus
• Type-controle
• Samenstelling en overerving

Dag 2

Sessie 5: Status & Levenscyclus

• Beheer van status en props
• Status toevoegen en liften
• Methoden voor de levenscyclus van componenten
• Concepten van onveranderlijkheid

Sessie 6: Gebeurtenisafhandeling

• Toewijzing en binding van gebeurtenishandlers
• Argumenten doorgeven aan handlers
• Aangepaste en synthetische events

Sessie 7: Formulieren

• Gecontroleerde en ongecontroleerde componenten
• Refs gebruiken in formulieren
• Formuliervalidatie en bibliotheken
• Formulieren met JSX

Sessie 8: React Router

• Basisprincipes van React Router
• Kerncomponenten voor routing

Dag 3

Sessie 9: Hooks

• Statelijke logica hergebruiken met hooks
• Functionele versus class-componenten
• Beheer van lokale state met hooks
• Standaard- en aangepaste hooks
• Regels voor hooks

Sessie 10: React verder

• React-testen en prestatieoptimalisatie
• Productiebuild en implementatie
• Refs en DOM-toegang
• React-patronen en authenticatie
• JSON Web Tokens (JWT)
• Werken met componenten van derden

Dag 4

Sessie 11: Flux

• Flux-architectuur en -concepten
• Flux-componenten en gegevensstroom
• Flux-hulpprogramma's en implementaties

Sessie 12: Introductie tot Redux

• Redux-basisprincipes en -architectuur
• Acties, reducers en stores
• Redux-gegevensstroom

Sessie 13: Redux & React

• React Redux instellen
• React Redux-componenten en gegevensstroom
• Redux-recepten en DevTools

Sessie 14: Redux verder

• Redux-middleware
• Redux Thunk en Redux Saga

FAQ

Wat leer ik in deze React-cursus?

Je leert de basisprincipes van React, waaronder componenten, JSX, props, statusbeheer, hooks, routing, formulieren, API-integratie, gebeurtenisafhandeling en moderne React-ontwikkelingstechnieken.

Is deze cursus geschikt voor beginners?

De cursus is het meest geschikt voor cursisten met basiskennis van JavaScript en webontwikkeling die de overstap willen maken naar React-ontwikkeling.

Bevat de cursus praktische projecten?

Ja. De training omvat praktische labs en oefeningen die cursisten helpen bij het bouwen van realistische React-applicaties en herbruikbare UI-componenten.

Leer ik React Hooks?

Ja. De cursus behandelt moderne React Hooks zoals useState, useEffect en andere op hooks gebaseerde ontwikkelingspraktijken met functionele componenten.

Komt API-integratie aan bod in de cursus?

Ja. Je leert hoe je React-applicaties kunt koppelen aan backend-services en REST-API's met behulp van asynchrone HTTP-verzoeken en technieken voor gegevensverwerking.

Leer ik React Router?

Ja. De cursus introduceert React Router voor het bouwen van single-page-applicaties met dynamische navigatie en client-side routing.

Is React nuttig voor een carrière in front-end?

Ja. React is een van de meest gebruikte front-end-bibliotheken en wordt sterk aanbevolen voor webontwikkeling, UI-engineering en full-stack-functies.

Welke functies kunnen baat hebben bij React-vaardigheden?

React-vaardigheden zijn waardevol voor front-end-ontwikkelaars, full-stack-ontwikkelaars, UI-engineers, ontwikkelaars van webapplicaties en JavaScript-ontwikkelaars die werken aan moderne webplatforms.

Belangrijkste kenmerken

• Cursus en materiaal in het Engels
• Beginners- tot gemiddeld niveau
• 4 dagen live virtuele training onder leiding van een instructeur (8 uur per dag)
• Praktische codeeropdrachten om de leerstof te verdiepen
• Toegang tot een volledig uitgerust live codeerlab
• Digitale trainingsmaterialen om te downloaden
• Meer dan 60 aanbevolen studie-uren
• Certificering inbegrepen

Neem eerst contact met ons op om de data en het schema te bevestigen voordat u boekt