Kursplan

Utveckling av moderna front-end-applikationer

  • översikt och likheter mellan React, Angular, Vue.js
  • Deklarativ återgivning
  • Komponenter - Definiera anpassade HTML-taggar
  • Använda create-react-app för att initiera ett React projekt

Modernt Javaskript

  • Utveckla med node.js och npm
  • Java Skriptversioner
  • Arbeta med moduler
  • Funktioner och pilfunktioner
  • klasserna
  • funktionell programmering i JavaScript (karta, filter, ...)

TypeScript

  • Statisk kontra dynamisk skrivning
  • Deklarera typer av variabler, funktioner och klasser
  • Grundläggande datatyper
  • tupplar, föremål
  • Gränssnitt
  • Generika

React Mallens språk

  • Java Skriptbaserat mallspråk: JSX
  • Ställa in elementegenskaper
  • Upprepande element
  • om/annars
  • evenemang
  • CSS Klasser och stilar

Hantera tillstånd i React

  • Ställa in och ändra programtillståndet
  • med hjälp av tillståndskroken och setState
  • Samla in innehållet i indataelement i tillståndet

Komponenter: Byggstenar i moderna webbprogram

  • Definiera anpassade HTML-taggar i React
  • Tillstånd, rekvisita och evenemang
  • Dataflöde mellan komponenter
  • Funktionskomponenter och klasskomponenter
  • Använda krokar i funktionskomponenter
  • Komponentlivscykelhändelser (montera, uppdatera, demontera)
  • Inkludera fördefinierade komponenter från ett bibliotek

Statlig förvaltning med Redux

  • Redux Grunderna: Tillståndshantering med rena funktioner, reducerare och oföränderliga data
  • Använda reduceringskroken i React
  • integrera Redux i en React applikation
  • Presentations- och behållarkomponenter
  • Redux ekosystemet
  • hantera asynkrona händelser med Thunk
  • hämta data från ett REST API

Utvecklarverktyg och testning

  • React Verktyg för utvecklare
  • Redux Verktyg för utvecklare
  • Testa JavaSkript med Jest
  • Testa reducerare
  • Testning av React komponenter

React Router

  • Routning på klientsidan
  • Visa olika vyer baserat på den aktuella webbläsarrutten

Apputveckling med React

  • kort översikt över React Native
  • skapa ett installerbart mobil- och skrivbordsprogram med progressiva webbappar
  • jämförelse av progressiva webbappar och inbyggda appar

Krav

  • Grunderna i HTML
  • erfarenhet av JavaScript
  21 timmar
 

Antal deltagare


Starts

Ends


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

Vittnesmål (8)

Relaterade Kurser

Relay: Efficiently Fetch Data in React Applications

  14 timmar

Relaterade Kategorier