React utbildning – 4 dagar onlineklassrum

29.500,00 SEK

  • 4 days
Live Virtuellt Klassrum
På plats / Inom företaget

Bygg moderna, responsiva webbapplikationer med React och utveckla de praktiska front-end‑kunskaper som används av dagens ledande utvecklingsteam. Denna praktiska React‑kurs introducerar deltagarna till komponentbaserad applikationsutveckling med React, JavaScript, JSX, hooks, routing, formulär, API:er och tillståndshantering.

Viktiga funktioner

Språk

Kursmaterial på engelska

Nivå

Nybörjar- till mellannivå

4 dagar med lärarledd undervisning i realtid

Virtuell utbildning (8 timmar/dag)

Praktiska kodningsutmaningar

Tillgång till ett fullt utrustat livekodningslabb

60+ rekommenderade studietimmar

Intyg om genomförd utbildning ingår

Hero

Lärandemål

I slutet av det här programmet kommer du att kunna:

Bygg moderna React-applikationer

Lär dig skapa snabba och lättunderhållna enkel-sidiga applikationer med React, JSX, funktionella komponenter, hooks och moderna JavaScript-funktioner. Du kommer också att utforska den virtuella DOM:en och komponentbaserad arkitektur för att bygga skalbara användargränssnitt.

Formulär och händelsehantering

Utveckla praktiska färdigheter i att hantera formulär, användarinmatning, validering och händelser med hjälp av kontrollerade och okontrollerade komponenter, refs och externa formulärbibliotek.

Ruttplanering och navigering

Använd React Router för att skapa smidig navigering i en single-page-applikation med dynamiska rutter, nästlade rutter, omdirigeringar, skyddade rutter och programmatisk navigering.

Tillståndshantering med Redux

Lär dig hur du hanterar applikationstillstånd med Redux, inklusive actions, reducers, stores och middleware som Thunk och Saga för att hantera asynkrona operationer och felsökning.

Hero

Kursöversikt

  1. Dag 1

    Session 1: Introduktion till React

    • Grunderna i React
    • Babel och Create React App
    • Projektets uppsättning och struktur

    Session 2: Modern JavaScript

    • Ensidiga webbapplikationer och ES6-funktioner
    • Variabler, funktioner, klasser och moduler
    • Mallitteraler och destrukturering
    • Promises, generatorer, mängder och mappar
    • Grundläggande funktionell JavaScript och TypeScript

    Session 3: JSX och rendering av element

    • Virtuell DOM och JSX
    • Rendera element
    • Arbeta med listor och nycklar

    Session 4: Komponenter och props

    • Funktionella och klassbaserade komponenter
    • Props och komponenttillstånd
    • Typkontroll
    • Komposition och arv
  2. Dag 2

    Session 5: Tillstånd och livscykel

    • Hantering av state och props
    • Lägga till och lyfta upp state
    • Komponenters livscykelmetoder
    • Begrepp om oföränderlighet

    Session 6: Händelsehantering

    • Tilldelning och bindning av händelsehanterare
    • Skicka argument till hanterare
    • Anpassade händelser och syntetiska händelser

    Session 7: Formulär

    • Kontrollerade och okontrollerade komponenter
    • Använda refs i formulär
    • Formulärvalidering och bibliotek
    • Formulär med JSX

    Session 8: React Router

    • Grunderna i React Router
    • Centrala routningskomponenter
  3. Dag 3

    Session 9: Hooks

    • Återanvända tillståndslogik med hooks
    • Funktionella komponenter vs klasskomponenter
    • Hantera lokalt tillstånd med hooks
    • Standard- och anpassade hooks
    • Regler för hooks

    Session 10: Mer om React

    • Testning och prestandaoptimering i React
    • Produktionsbygge och driftsättning
    • Refs och DOM-åtkomst
    • React-mönster och autentisering
    • JSON-webbtoken (JWT)
    • Arbeta med tredjepartskomponenter
  4. Dag 4

    Session 11: Flux

    • Flux-arkitektur och koncept
    • Flux-komponenter och dataflöde
    • Flux-verktyg och implementationer

    Session 12: Introduktion till Redux

    • Grunder och arkitektur i Redux
    • Åtgärder, reducers och stores
    • Redux-datflöde

    Session 13: Redux & React

    • Konfigurera React Redux
    • React Redux-komponenter och dataflöde
    • Redux-recept och DevTools

    Session 14: Mer om Redux

    • Redux-mellanlager
    • Redux Thunk och Redux Saga
react-utbildning

Vem bör anmäla sig till det här programmet?

Frontend-webbutvecklare

JavaScript-utvecklare som går över till React

Fullstackutvecklare som utökar sina front end-kunskaper

Programvaruutvecklare som bygger moderna webbapplikationer

UI-utvecklare som arbetar med enkel-sidiga applikationer

Tekniska yrkespersoner som är intresserade av moderna JavaScript-ramverk

Starta kursen nu

Förutsättningar

  • Grundläggande till medelgod kunskap i JavaScript
  • Förståelse för grunderna i HTML och CSS
  • Vana vid programmeringskoncept som variabler, funktioner och loopar
  • Grundläggande kunskaper om ES6-funktioner i JavaScript är fördelaktiga
  • Tidigare erfarenhet av webbutveckling rekommenderas men är inte obligatorisk

Uttalanden

Licensiering och ackreditering

Kursen erbjuds i enlighet med Partnerprogramavtalet och uppfyller kraven i Licensavtalet.

Likabehandlingspolicy

Kandidater uppmuntras att kontakta AVC för vägledning och stöd under hela processen för att ordna anpassningar.

Vanliga frågor

Contact background

Behöver du företagslösningar eller LMS-integration?

Hittade du inte kursen eller programmet som skulle passa för ditt företag? Behöver du LMS-integration? Skriv till oss! Vi löser det!