Course Outline

Ontwikkeling van moderne front-end applicaties

  • Overzicht en overeenkomsten van React, Angular, Vue.js
  • declaratieve weergave
  • Componenten - Aangepaste HTML-tags definiëren
  • Create-React-App gebruiken om een React-project te initialiseren

Modern JavaSchrift

  • Ontwikkelen met behulp van node.js en NPM
  • Java Script-versies
  • Werken met modules
  • functies en pijlfuncties
  • Klassen
  • functioneel programmeren in JavaScript (map, filter, ...)

TypeScript

  • Statisch versus dynamisch typen
  • Typen variabelen, functies en klassen declareren
  • Basisgegevenstypen
  • Tupels, Objecten
  • Interfaces
  • Generics

React Taal van het sjabloon.

  • Java Op scripts gebaseerde sjabloontaal: JSX
  • Elementeigenschappen instellen
  • Herhalende elementen
  • als / anders
  • Gebeurtenissen
  • CSS Klassen en stijlen

Status beheren in React

  • De status van het programma instellen en wijzigen
  • met behulp van de state hook en setState
  • De inhoud van invoerelementen in de staat vastleggen

Componenten: Bouwstenen van moderne webapplicaties

  • Aangepaste HTML-tags definiëren in React
  • Staat, rekwisieten en evenementen
  • Gegevensstroom tussen componenten
  • Functiecomponenten en klassecomponenten
  • Gebruik van haken in functiecomponenten
  • Gebeurtenissen in de levenscyclus van componenten (koppelen, bijwerken, ontkoppelen)
  • inclusief vooraf gedefinieerde componenten uit een bibliotheek

Het beheer van de staat met Redux

  • Redux Basisprincipes: toestandsbeheer met zuivere functies, reducers en onveranderlijke gegevens
  • De verloophaak gebruiken in React
  • Integratie van Redux in een React applicatie
  • presentatie- en containercomponenten
  • het Redux ecosysteem
  • asynchrone gebeurtenissen afhandelen met Thunk
  • gegevens ophalen uit een REST API

Tools en testen voor ontwikkelaars

  • React Hulpprogramma's voor ontwikkelaars
  • Redux Hulpprogramma's voor ontwikkelaars
  • Testen JavaScript met Jest
  • Testen van verloopstukken
  • Testen van React componenten

React Router

  • Routering aan clientzijde
  • Verschillende weergaven weergeven op basis van de huidige browserroute

App-ontwikkeling met React

  • kort overzicht van React Inheems
  • het maken van een installeerbare mobiele en desktop-applicatie met Progressive Web Apps
  • vergelijking van Progressive Web Apps en native apps

Requirements

  • HTML-basisprincipes
  • ervaring met JavaScript
  21 Hours
 

Getuigenissen (8)

Related Courses

Relay: Efficiently Fetch Data in React Applications

  14 Hours

Related Categories