React-kursus – 4 dages online klasseundervisning

19.500,00 DKK

  • 4 days
Live Virtuelt Klasselokale
Internt / I virksomheden

Byg moderne, responsive webapplikationer med React, og udvikl de praktiske front-end-færdigheder, som nutidens førende udviklingsteams bruger. Dette praktiske React-kursus introducerer deltagerne til komponentbaseret applikationsudvikling med React, JavaScript, JSX, hooks, routing, formularer, API’er og state management.

Nøglefunktioner

Sprog

Kursusmateriale på engelsk

Niveau

Begynder - Mellem niveau

4 dages live, instruktørstyret

Virtuel træning (8 timer om dagen)

Praktiske kodeudfordringer

Adgang til et fuldt udstyret live-kodningslaboratorium

60+ anbefalede studietimer

Certifikat for gennemført program medfølger

Hero

Læringsudbytte

Når du har gennemført dette program, vil du være i stand til at:

Byg moderne React-applikationer

Lær at oprette hurtige og vedligeholdelsesvenlige single-page-applikationer med React, JSX, funktionelle komponenter, hooks og moderne JavaScript-funktioner. Du vil også udforske det virtuelle DOM og komponentbaseret arkitektur til at bygge skalerbare brugergrænseflader.

Formularer og hændelseshåndtering

Udvikl praktiske færdigheder i at håndtere formularer, brugerinput, validering og events ved hjælp af kontrollerede og ukontrollerede komponenter, refs og tredjeparts-biblioteker til formularer.

Routing og navigation

Brug React Router til at skabe glidende navigation i single-page-applikationer med dynamiske routes, nestede routes, omdirigeringer, beskyttede routes og programmatisk navigation.

Tilstandshåndtering med Redux

Lær at håndtere applikationstilstand med Redux, herunder actions, reducers, stores og middleware som Thunk og Saga til håndtering af asynkrone operationer og debugging.

Hero

Kursusforløb

  1. Dag 1

    Session 1: Introduktion til React

    • Grundlæggende React
    • Babel og Create React App
    • Projektopsætning og -struktur

    Session 2: Moderne JavaScript

    • Single-page-applikationer og ES6-funktioner
    • Variabler, funktioner, klasser og moduler
    • Template-literals og destrukturering
    • Promises, generatorer, sets og maps
    • Grundlæggende funktionel JavaScript og TypeScript

    Session 3: JSX og element-rendering

    • Virtuel DOM og JSX
    • Gengivelse af elementer
    • Arbejde med lister og nøgler

    Session 4: Komponenter og Props

    • Funktionelle og klassebaserede komponenter
    • Props og komponenttilstand
    • Typekontrol
    • Komposition og arv
  2. Dag 2

    Session 5: Tilstand og livscyklus

    • Håndtering af state og props
    • Tilføjelse og løft af state
    • Komponentens livscyklusmetoder
    • Begreber om uforanderlighed

    Session 6: Håndtering af hændelser

    • Tildeling og binding af event handlers
    • Videregivelse af argumenter til handlere
    • Brugerdefinerede hændelser og syntetiske hændelser

    Session 7: Formularer

    • Kontrollerede og ukontrollerede komponenter
    • Brug af refs i formularer
    • Formularvalidering og biblioteker
    • Formularer med JSX

    Session 8: React Router

    • Grundlæggende React Router
    • Kerne-routingkomponenter
  3. Dag 3

    Session 9: Hooks

    • Genbrug af tilstandslogik med hooks
    • Funktionelle vs. klassekomponenter
    • Håndtering af lokal tilstand med hooks
    • Standard- og brugerdefinerede hooks
    • Regler for hooks

    Session 10: Mere om React

    • Testning og performanceoptimering i React
    • Produktionsbuild og -udrulning
    • Refs og DOM-adgang
    • React-mønstre og godkendelse
    • JSON Web Tokens (JWT)
    • Arbejde med tredjepartskomponenter
  4. Dag 4

    Session 11: Flux

    • Flux-arkitektur og -koncepter
    • Flux-komponenter og dataflow
    • Flux-værktøjer og -implementeringer

    Session 12: Introduktion til Redux

    • Redux-grundlæggende og -arkitektur
    • Handlinger, reducere og lagre
    • Redux-datastream

    Session 13: Redux & React

    • Opsætning af React Redux
    • React Redux-komponenter og dataflow
    • Redux-opskrifter og DevTools

    Session 14: Mere om Redux

    • Redux-mellemware
    • Redux Thunk og Redux Saga
react træning

Hvem bør tilmelde sig dette program?

Front-end webudviklere

JavaScript-udviklere, der går over til React

Fullstack-udviklere, der udvider deres front-end-færdigheder

Softwareudviklere, der bygger moderne webapplikationer

UI-udviklere, der arbejder med single-page-applikationer

Tekniske fagfolk, der er interesserede i moderne JavaScript‑frameworks

Start kurset nu

Forudsætninger

  • Grundlæggende til mellemniveau JavaScript-kendskab
  • Forståelse af grundlæggende HTML og CSS
  • Kendskab til programmeringskoncepter som variabler, funktioner og løkker
  • Grundlæggende kendskab til ES6 JavaScript-funktioner er en fordel
  • Tidligere erfaring med webudvikling anbefales, men er ikke obligatorisk

Udtalelser

Licensering og akkreditering

Kurset tilbydes i henhold til Partnerprogramaftalen og overholder kravene i Licensaftalen.

Lighedspolitik

Kandidater opfordres til at kontakte AVC for vejledning og støtte gennem hele processen med tilpasning af arbejdsforhold.

Ofte stillede spørgsmål

Contact background

Har du brug for virksomhedsløsninger eller LMS-integration?

Fandt du ikke kurset eller programmet, der ville være til gavn for din virksomhed? Har du brug for LMS-integration? Skriv til os, vi løser alt!