Opleiding
12 dagen
6.300,-
03 april 2023 | Noortje Noy
De kunst van sound design
Met sound design breng je je audiovisuele beelden pas echt tot leven. Als sound designer zorg je voor een perfecte mix van ge…
Training ReactJS basis
Met de populaire open-source library ReactJS maak je snel en makkelijk een eigen webapplicatie. Front-end developers gebruiken dit programma om user interfaces mee te bouwen. Tijdens deze training leren we je er alles over.
Wat is ReactJS?
ReactJS is een zogenaamde ‘javascriptbibliotheek’ en de meest gebruikte FE library. Met kennis van HTML/CSS en JS kun je een hoop, maar een library biedt extra mogelijkheden. Daarmee gebruik je moderne webtechnieken en kun je écht snel ontwikkelen. ReactJS is een populaire tool, en niet zonder reden: hij is flexibel, heeft voordelen op het gebied van performance en er zit een grote community achter. Door herbruikbare componenten – open-source en custom – te gebruiken, kun je je applicatie snel schalen. Heb je al wat ervaring met front-end development? Dan kun je zo aan de slag!
Whitepaper Front-end developer worden, waar begin je?
Elke website heeft een backend en een front-end: de backend zie je als gebruiker niet, de front-end juist wel. Een front-end developer bouwt websites from scratch. Je zorgt er daarbij vooral voor dat de gebruikerskant – de user interface – technisch goed werkt. Dat doe je door het design te koppelen aan de juiste programma’s, zodat vorm en functie naadloos in elkaar overlopen. Als front-end developer kun je verschillende kanten op.
Wat kun je na het volgen van de training ReactJS basis
- Je kunt uitleggen wat ReactJS is en hoe het HTML rendert
- Je weet hoe je JSX gebruikt om een valide documentstructuur op te zetten
- Door logica toe te passen, kun je items of componenten conditioneel renderen
- Je kent het onderscheid tussen parent(s) en child(ren)
- Je kunt een component state bijhouden
- Je kunt informatie en data delen tussen componenten met props
- Je kunt events als ‘click’, ‘change’ en ‘focus’ afhandelen voor een interactieve gebruiksbeleving
- Je weet hoe je NPM-packages gebruikt
Wie is de trainer?
Onze trainers staan met beide benen in hun vakgebied: buiten Competence Factory hebben ze een succesvolle baan of onderneming. Ze kunnen je dus altijd de laatste vakinhoudelijke nieuwtjes vertellen. Bovendien zitten ze vol praktische voorbeelden die ze in hun trainingen verwerken. Doordat we de groepen klein houden, heb je intensief contact met je trainer. Wij zorgen ervoor dat alle trainers elkaar regelmatig ontmoeten, zodat ze kennis en ervaringen kunnen uitwisselen om nog betere trainingen te geven. Komen jouw vragen pas na de training naar boven? Ook dan staan onze trainers voor je klaar.
Annemarie Beemsterboer
Annemarie studeerde Organisatiewetenschappen, maar koos uiteindelijk voor een carrière in de codering: ze volgde een opleiding tot full-stack webdeveloper en ging aan de slag bij een kleine digital agency. Later stapte ze over naar een grotere organisatie, waar ze nog elke dag bijleert. Als trainer laat ze je graag de nieuwste ontwikkelingen in haar vak zien. Leuk om te weten: naast webdevelopment is Annemarie gek op katten en Franse gebakjes, en in een volgend leven zou ze graag nieuwslezeres worden.
Voor wie is de training ReactJS basis bedoeld?
De training is voor iedereen die graag verder wil met front-end development. Je weet wat Command Line Interface (CLI) is en je kunt werken met een package manager. Je hebt al enige kennis van HTML/CSS (gevorderd) en JavaSript (basis), maar nog nooit gewerkt met webframeworks als Vue en Angular.
Tip! Bij Competence Factory bieden we ook een basistraining JavaScript aan.
Hoe bereid ik me voor?
Zorg dat je van tevoren een Github-account aanmaakt. Verder is het handig als je een IDE installeert, bijvoorbeeld Visual Studio Code. Vergeet niet een eigen laptop mee te nemen.
Is deze training ook beschikbaar als maatwerk?
Al onze trainingen en opleidingen zijn als maatwerk beschikbaar. Lees meer over onze in-company oplossingen
Hoe ziet het programma van de training ReactJS basis eruit?
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
Alles op je gemak teruglezen?
Ontvang het programma per mail
Ontvang het programma en de brochure van de training ReactJS basis direct per mail
Ontvang het programma per mail
Gemiddelde waardering
9.0
(3)
CF
Annemarie Beemsterboer
Trainer Webdevelopment
Reviews
Cursisten geven onze opleidingen gemiddeld een 9,3
Lees hoe we dat doen
Lees hoe we dat doen
Gemiddelde waardering voor de Training ReactJS basis
9.0
(3)
Reviews van cursisten die deze Training hebben gevolgd
Richie Willeijns
28 maart 2023
Eindcijfer:10
Genoeg persoonlijke aandacht en goede uitleg van de stof
Ja ik raad deze training aan
Competence Factory - Creative Business School
Competence Factory is jouw favoriete opleidingsclub. Al dertig jaar bereiden we professionals voor op hun future job. We leggen op een hele belangrijke skill de nadruk: creativiteit. We leren cursisten om met plezier te werken aan wat hen boeit en positief vooruit te kijken naar hun next step. Dit doen we vanuit ons gezellige clubhuis in Utrecht: Space to Create. Zien we je snel?
