Ta kontakt
 Varighet 21 timer

Kursplan

Utvikling av moderne front-end-applikasjoner

  • oversikt og likheter mellom React, Angular og Vue.js
  • deklarativ renderisering
  • komponenter – definisjon av egendefinerte HTML-tagger
  • bruk av create-react-app til å initialisere et React-prosjekt

Moderne JavaScript

  • utvikling med node.js og npm
  • JavaScript-versjoner
  • arbeid med moduler
  • funksjoner og pils-ark-funksjoner (arrow functions)
  • klasser
  • funksjonell programmering i JavaScript (map, filter, ...)

TypeScript

  • statisk vs. dynamisk typsetting
  • å deklarere typer for variabler, funksjoner og klasser
  • grunnleggende datatyper
  • tupler, objekter
  • grensesnitt (interfaces)
  • generics

React-malsspråk

  • JavaScript-basert malsspråk: JSX
  • innstilling av elementegenskaper
  • gjentakende elementer
  • hvis/ellers (if/else)
  • hendelser (events)
  • CSS-klasser og stiler

Håndtering av tilstand i React

  • innstilling og endring av applikasjonsstatens
  • bruk av state hook og setState
  • fangst av innholdet i inndataelementer i tilstanden

Komponenter: Byggesteiner for moderne nett-applikasjoner

  • definisjon av egendefinerte HTML-tagger i React
  • tilstand, egenskaper (props) & hendelser
  • dataflyt mellom komponenter
  • funksjonskomponenter og klassedkomponenter
  • bruk av hooks i funksjonskomponenter
  • komponentlevetidsyklus-hendelser (montering, oppdatering, demontering)
  • inkludering av forhåndsdefinerte komponenter fra et bibliotek

Tilstandsadministrasjon med Redux

  • Redux-grunnlegger: tilstandsadministrasjon med rene funksjoner, reduserere (reducers) og immutable data
  • bruk av reducer hook i React
  • integrering av Redux i en React-applikasjon
  • presentasjonskomponenter og beholderkomponenter (container components)
  • Redux-økosystemet
  • 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 reducers
  • testing av React-komponenter

React Router

  • klientside-routing
  • visning av ulike visninger basert på den gjeldende nettleserruten

Applikasjonsutvikling med React

  • kort oversikt over React Native
  • oppretting av en installerbar mobil- og skrivebordsapplikasjon med Progressive Web Apps (PWA)
  • sammenligning mellom Progressive Web Apps og native apper

Krav

  • HTML-grunnlegger
  • erfaring med JavaScript

Antall deltakere


Pris per deltaker

Referanser (7)

Kommende kurs

Relaterte kategorier