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

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




Het raamwerk van Facebook gaat in tegen traditionele modellen en geeft de voorkeur aan de eenvoud en prestaties van RIA-componenten. U leert hoe u applicaties ontwikkelt met ReactJS, JSX Flux en Redux en ontdekt het principe en de voordelen van isomorfe ontwikkeling.


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand

Ref. TJS
  3d - 21u00
Prijs : Neem contact met ons op




Het raamwerk van Facebook gaat in tegen traditionele modellen en geeft de voorkeur aan de eenvoud en prestaties van RIA-componenten. U leert hoe u applicaties ontwikkelt met ReactJS, JSX Flux en Redux en ontdekt het principe en de voordelen van isomorfe ontwikkeling.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
Ontwikkelen met ReactJS
Een SPA ontwerpen met ReactJS en Flux
De JavaScript-subset JSX begrijpen
De prestaties van brandbeveiligingssystemen optimaliseren

Doelgroep
JavaScript-ontwikkelaars, architecten en webprojectmanagers.

Voorafgaande vereisten
Ervaring met webontwikkeling, beheersing van JavaScript (minimaal ES5).

Praktische modaliteiten
Praktisch werk
U bouwt een complete applicatie op basis van het ReactJS framework.
Leer methodes
Begeleide ontwikkeling. 50% theorie geïllustreerd door 50% praktijk.

Opleidingsprogramma

1
RIA-componenten

  • De basis. HTML, CSS, JavaScript. Het DOM.
  • Klassieke ontwerppatronen voor toepassingen. Beperkingen van JavaScript-toepassingen.
  • JavaScript-raamwerk ecosysteem.
  • Beginselen voor gegevensbinding: dirty-checking, observeerbaar, virtual-dom.
  • ReactJS, positionering en filosofie.
  • JSX, presentatie. Transpilers" implementatie.
  • Ontwikkelomgeving. IDE en plug-ins.
Praktisch werk
De ontwikkelomgeving opzetten. Inleiding tot JSX. De structuur van de applicatie definiëren.

2
Ontwikkelen met ReactJS

  • Aanpak: MVC en Virtual Dom, een keuze voor prestaties.
  • Gebruik JavaScript of JSX.
  • JSX in detail begrijpen. Valkuilen die u moet vermijden.
  • Belangrijkste API-methoden.
  • Weergavecomponenten maken. Levenscyclus.
  • Initialisatie van eigenschappen.
  • "Renderfunctie: beheer van de status van componenten.
Praktisch werk
Definitie en productie van componenten volgens specificaties.

3
Interactiviteit van onderdelen

  • Evenementbeheer. "Autobinding en delegatie.
  • Ontwerppatroon: strategie voor stateful componenten.
  • Componeren in sets.
  • "Componentgegevensstroom: eigenaar, kinderen en dynamische creatie.
  • Herbruikbare componenten: controle en overdracht van eigenschappen.
  • Besturing van formulieronderdelen.
  • DOM-manipulatie.
Praktisch werk
Een gestructureerde set UI-componenten maken.

4
Eén-pagina-applicatie met ReactJS en Flux of Redux

  • Flux/Redux: presentatie. Gegevensverspreiding.
  • Vergelijking van architecturen.
  • Weergaven en controllers maken in Flux.
  • Rol van de "Dispacther" in Flux voor aandelen.
  • Stores", een logische toestandmanager in Flux.
  • Definitie van functioneel programmeren.
  • Aanpak met Redux. De "Reducer".
  • Uitbreiding voor ReactJS: "hot-loader".
Praktisch werk
Integratie van een SPA.

5
Isomorfe toepassing

  • Principe en voordelen van isomorfe ontwikkeling.
  • Server-side JavaScript ecosysteem.
  • Inleiding tot NodeJS.
  • NodeJs configureren voor ReactJS.
  • Routes organiseren.
Praktisch werk
Servervoorbeeld van een toepassing.

6
Inleiding tot React Native

  • Positionering, verschillen met Cordova.
  • Van React naar native iOS-componenten, een project om in de gaten te houden.
Demonstratie
Toepassing met React Native.


Feedback van klanten
4,3 / 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