Neem contact met ons op

Cursusaanbod

Ontwikkeling van moderne front-end-applicaties

  • Overzicht en overeenkomsten tussen React, Angular en Vue.js
  • Declaratieve rendering
  • Componenten – het definiëren van eigen HTML-tags
  • Het initialiseren van een React-project met create-react-app

Moderne JavaScript-technieken

  • Programmeren met node.js en npm
  • Versies van JavaScript
  • Werken met modules
  • Functies en arrow-functies
  • Classes
  • Functionele programmeren in JavaScript (map, filter, etc.)

TypeScript

  • Statische versus dynamische typen
  • Het declareren van types voor variabelen, functies en classes
  • Basisdatatypen
  • Tuples en objecten
  • Interfaces
  • Generics

Het template-systeem van React

  • Een op JavaScript gebaseerd templatesysteem: JSX
  • Het instellen van elementeigenschappen
  • Herhalende elementen maken
  • If-/else-statements gebruiken
  • Evenementen afhandelen
  • CSS-klassen en -stijlen toepassen

Staatbeheer in React

  • Het instellen en wijzigen van de applicatie-staat
  • Gebruik maken van de state hook en setState
  • Invoergegevens uit invoerelementen vastleggen in de staat

Componenten: bouwstenen van moderne webapplicaties

  • Eigen HTML-tags definiëren in React
  • Staat, props en evenementen
  • Gegevensstroom tussen componenten regelen
  • Functiecomponenten en class-componenten
  • Hooks gebruiken in functiecomponenten
  • Levenscyclusgebeurtenissen van componenten (mount, update, unmount)
  • Vooraf gedefinieerde componenten uit een bibliotheek integreren

Staatbeheer met Redux

  • Basisprincipes van Redux: staatbeheer via zuivere functies, reducers en onveranderlijke gegevens
  • Het gebruik van de reducer hook in React
  • Redux integreren in een React-applicatie
  • Presentational- en containercomponenten creëren
  • De Redux-ecosysteem in kaart brengen
  • Asynchrone acties afhandelen met Thunk
  • Gegevens ophalen uit een REST API

Ontwikkeltools en testen

  • React Developer Tools
  • Redux Developer Tools
  • JavaScript-testen met Jest
  • Reducers testen
  • React-componenten testen

React Router

  • Routing aan de clientzijde realiseren
  • Verschillende weergaven tonen op basis van het huidige URL-pad

Applicatieontwikkeling met React

  • Kort overzicht van React Native
  • Een installeerbare mobiele of desktopapplicatie ontwikkelen via Progressive Web Apps
  • Vergelijking tussen Progressive Web Apps en native apps

Vereisten

  • Grondkennis van HTML
  • Ervaring met JavaScript
 21 Uren

Aantal deelnemers


Prijs per deelnemer

Getuigenissen (7)

Voorlopige Aankomende Cursussen

Gerelateerde categorieën