Opleiding : ReactJS, het JavaScript-raamwerk van Facebook onder de knie krijgen

ReactJS, het JavaScript-raamwerk van Facebook onder de knie krijgen

4,5 / 5

In tegenstelling tot de traditionele modellen opteert het framework van Facebook voor de eenvoud en prestaties van de RIA-componenten. In deze opleiding leert u applicaties ontwikkelen met ReactJS, JSX en Flux en maakt u kennis met het principe en de voordelen van isomorfe ontwikkeling.

Inter

Intra

Op maat

Praktijkcursus ter plaatse of via klasverband op afstand

Ref. TJS

Prijs : 2070 € V.B.

3d - 21u00

Data en Inschrijving

Neem contact met ons op

Pedagogische doelstellingen

Aan het einde van de training is de deelnemer in staat om:

Ontwikkelen met ReactJS
Een SPA ontwerpen met ReactJS en Flux
Kennis van de subset JavaScript JSX
De prestaties van de RIA's optimaliseren

Doelgroep

JavaScript-ontwikkelaars, architecten en webprojectmanagers.

Voorafgaande vereisten

Toepassing van webontwikkeling, beheersing en toepassing van JavaScript (minimaal ES5).

Opleidingsprogramma

Herhaling van de componenten van de RIA's

De grondbeginselen. HTML, CSS, JavaScript. DOM.
Klassieke design patterns voor applicaties. Beperkingen van JavaScript-applicaties.
Ecosysteem van JavaScript-frameworks.
Principes van Data-Binding : dirty-checking, observable, virtual-dom.
ReactJS, positionering en filosofie.
JSX, presentatie. Implementatie van "Transpilers".
Ontwikkelingsomgeving. IDE en plug-ins.

Praktisch werk

Implementatie van de ontwikkelingsomgeving. Inleiding tot JSX. Definitie van de applicatiestructuur.

Ontwikkelen met ReactJS

Aanpak: MVC en Virtual Dom, een sterke keuze.
JavaScript of JSX gebruiken.
Gedetailleerde kennis van JSX. Te vermijden valkuilen.
Belangrijkste methoden van de API.
Creatie van weergavecomponenten. Levenscyclus.
Initialisatie van eigenschappen.
"Render Function": beheer van de componentstatussen.

Praktisch werk

Definitie en uitvoering van componenten volgens de opgegeven specificaties.

Interactiviteit van de componenten

Beheer van de gebeurtenissen. "autobinding" en delegatie.
Design Pattern: strategie voor stateful components.
Creëren met sets.
"Component Data Flow: eigenaar, kinderen en dynamische creatie.
Herbruikbare componenten: controle en overdracht van eigenschappen.
Controle van formuliercomponenten.
Het DOM bewerken.

Praktisch werk

Creatie van een gestructureerde set van UI-componenten.

Applicatie met één pagina met ReactJS en Flux of Redux

Flux/Redux: presentatie. Verspreiding van gegevens
Vergelijking van de architecturen.
Creëren van weergaven en controllers in Flux.
Rol van de "Dispacther" in Flux voor de acties.
De "Stores", logische statusmanager in Flux.
Definitie van Functional Programming.
Werkwijze met Redux. De "Reducer".
Uitbreiding voor ReactJS: "hot-loader".

Praktisch werk

Integratie van een SPA.

Isomorfe applicatie

Principe en voordelen van isomorfe ontwikkeling.
Ecosysteem van Server-Side JavaScript.
Inleiding tot NodeJS.
Configuratie van NodeJs voor ReactJS.
Organisatie van routes.

Praktisch werk

Server-preview van een applicatie.

Inleiding tot React Native

Positionering, verschillen met Cordova.
Van React tot native iOS-componenten, een project om te volgen.

Demonstratie

Applicatie met gebruik van React Native.

Praktische modaliteiten

Praktisch werk

U bouwt een volledige applicatie op basis van het ReactJS-framework.

Leer methodes;

Begeleide ontwikkeling. 50% theorie geïllustreerd door 50% praktijk.

Feedback van klanten

4,5 / 5

De feedback van klanten is afkomstig van eindevaluaties na de opleiding. De score wordt berekend op basis van alle evaluaties die minder dan 12 maanden oud zijn. Alleen die met een tekstcommentaar worden weergegeven.

Data en plaats

Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.

Klas op afstand