Kursplan

Utvikling av moderne front-end-applikasjoner

  • oversikt og likheter mellom React, Angular, Vue.js
  • deklarativ rendering
  • komponenter - definerer egendefinerte HTML-tagger
  • bruke create-react-app til å initialisere et React-prosjekt

Moderne JavaScript

  • utvikling ved bruk av node.js og npm
  • JavaScript-versjoner
  • arbeide med moduler
  • funksjoner og pilerfunksjoner
  • klasser
  • funksjonell programmering i JavaScript (map, filter, ...)

TypeScript

  • statisk vs dynamisk typing
  • deklarere typer for variabler, funksjoner og klasser
  • grunnleggende datatyper
  • tupler, objekter
  • grensesnitt
  • generics

React-skjermspråk

  • JavaScript-basert skjermspråk: JSX
  • sett elementegenskaper
  • gjenta elementer
  • hvis / ellers
  • hendelser
  • CSS-klasser og stiler

Styring av tilstand i React

  • sett og endre applikasjonens tilstand
  • bruk state hook og setState
  • fang innholdet i innmatningselementer i tilstanden

Komponenter: Byggeblokker i moderne webapplikasjoner

  • definere egendefinerte HTML-tagger i React
  • tilstand, props & hendelser
  • dataflyt mellom komponenter
  • funksjonskomponenter og klassekomponenter
  • bruk hooks i funksjonskomponenter
  • komponentlivelssykler (montering, oppdatering, avmontering)
  • inkludere forhåndsdefinerte komponenter fra en bibliotek

Tilstandshåndtering med Redux

  • Redux-baser: tilstandshåndtering med rene funksjoner, redusere og uforanderlige data
  • bruk reduser-hook i React
  • integrering av Redux i en React-applikasjon
  • presentasjon og beholderkomponenter
  • Redux-ekosystemet
  • håndtering av asynkrone hendelser med Thunk
  • henting av data fra en REST API

Utviklerverktøy og testing

  • React-utviklerverktøy
  • Redux-utviklerverktøy
  • Testing av JavaScript med Jest
  • testing av reducere
  • testing av React-komponenter

React Router

  • klient-side-routing
  • vise forskjellige vyer basert på den nåværende nettleserruten

App-utvikling med React

  • kort oversikt over React Native
  • opprette en installerbar mobil- og skrivebordsapplikasjon med Progressive Web Apps
  • sammenligning av Progressive Web Apps og native apps

Krav

  • Grunnleggende HTML
  • erfaring med JavaScript
 21 timer

Antall deltakere


Pris per deltaker

Referanser (7)

Kommende kurs

Relaterte kategorier