Developers die de JavaScript library ReactJS willen leren voor het bouwen van moderne state of the art web applicaties.
Ervaring met programmeren in een moderne programmeertaal is vereist. Kennis en ervaring met JavaScript is bevorderlijk voor een goede begripsvorming.
De theorie wordt behandeld aan de hand van presentatie slides. De concepten worden toegelicht met demo’s. De theorie wordt afgewisseld met oefeningen. De cursustijden zijn van 9.30 tot 16.30.
De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat ReactJS Programmeren.
In deze cursus leert u programmeren met de snel aan populariteit winnende open source JavaScript library ReactJS. De meest recente versie van ReactJS wordt in de cursus gebruikt. React heeft een programmeer model waarin subcomponenten bovenliggende componenten niet beinvloeden bij een update, zodat de componenten goed gescheiden zijn in een single page application. Na een introductie over de voornaamste kenmerken van ReactJS zoals de Virtual DOM, JSX, component renderers en callback functions, komt aan de orde hoe u een eerste ReactJS app maakt met de juiste combinatie van developer tooling zoals React, Webpack en Babel. ReactJS maakt gebruik van de functionele programmeer stijl waarvan de belangrijkste kenmerken in JavaScript op een rij worden gezet. Vervolgens wordt aandacht besteed aan React Views die een geneste component tree met HTML custom tags op het scherm zetten. Ook wordt in de cursus ook ingegaan op het bouwen van componenten met de JavaScript extensie JSX. En tenslotte komen ook Forms en Validation en Routing in ReactJS Applicaties aan de orde. De cursus wordt afgesloten met een behandeling van het Redux Framework dat veelal in combinatie met ReactJS wordt gebruikt.
Module 1 : ReactJS Intro | Module 2 : Components | Module 3 : Composition and LifeCycle |
| What is ReactJS? ReactJS Features ReactJS is Trending Benefits of React JSX Virtual DOM What is Webpack? Webpack Module Builder Webpack Features Webpack.config ES6 Features Babel Benefits of Redux First React Script First React Component | React Components JSX Component ReactJS and JSX JSX versus JavaScript Decompiling JSX Characteristics of JSX Single Root Wrap in Parenthesis JSX XSS Protection Props Collection Props in Variables propTypes List of Props Types Default Props State Rendering State | Composing Components Refs and DOM Components with Behavior Pass State Update Accessing Child Components Mounting and Unmounting Components Lifcycle Lifecycle Details Updating Events Dynamic Tables ReadOnly ReadWrite Higher Order Components Hooks |
Module 4 : Forms and Validation | Module 5 : ReactJS Routing | Module 6 : Redux Framework |
| Readonly ReadWrite Forms in React Controlled Components Textarea Tag Select Tag Field Level Validation Form Level Validation | Defining Routes Default Route Not Found Route Nesting and Params Multiple Params Redirects Include External Routes Running the Router Using Universal Rendering Access Router Methods | React with Redux Three Principles Redux Flow Connecting to React Store Actions Reducer Data Flow Unidirectional |
Kantooradres:
SpiralTrain BV
Gebouw "De Sijnsmeester"
Standerdmolen 8 – 1.11
3995 AA Houten
IP Computer Training Centrum
Diemerhof 32-36
1112 XN Diemen
020 7600027
http://www.ip-computer-training-centrum.nl
Compu Act Opleidingen
Slinge 303
3085 ER Rotterdam
023 - 551 3409
www.computertraining.nl
Trainspot
Kleine Singel 33
3572 CG Utrecht
030 - 737 05 81
http://www.trainspot.nl
IP Computer Training Centrum
Leenderweg 292
5644 AE Eindhoven
040 - 256 65 20
http://www.ip-computer-training-centrum.nl
