Vill du lära dig att bygga dynamiska och interaktiva webbapplikationer med ett av de mest populära JavaScript-biblioteken? Denna kurs ger dig en solid grund i React och frontendutveckling, med fokus på att bygga skalbara, responsiva och välstrukturerade applikationer. Under kursens gång kommer du att arbeta med praktiska projekt för att skapa moderna webbapplikationer med React

Denna kurs är utformad för utvecklare som vill lära sig frontendutveckling med React, ett kraftfullt JavaScript-bibliotek för att bygga användargränssnitt. Kursen börjar med grunderna i React, inklusive komponentbaserad utveckling, JSX, och state-hantering, och fortsätter sedan till mer avancerade ämnen som hooks, routing och state management med Redux. Kursen innehåller flera praktiska övningar där deltagarna bygger sina egna applikationer för att tillämpa sina kunskaper.

Målgrupp

Utvecklare som vill lära sig frontendutveckling med React.

Yrkesverksamma inom IT som vill förbättra sina färdigheter inom modern webbutveckling.

JavaScript-utvecklare som vill ta nästa steg och bygga avancerade, komponentbaserade webbapplikationer.

Förkunskaper

Grundläggande kunskaper i HTML, CSS och JavaScript.

Erfarenhet av JavaScript ES6+ är en fördel, men inte ett krav.

Utbildningsmål

• Förstå och använda Reacts komponentbaserade utvecklingsmodell
• skapa dynamiska användargränssnitt med JSX och React-komponenter.
• Du ska kunna hantera state och props i React för att bygga interaktiva applikationer.
• Använda React hooks som useState och useEffect för att hantera state och livscykelhändelser.
• Förstå routing och navigering i React-applikationer med React Router.
• Bygga större applikationer med state management via Redux (valfritt beroende på kurslängd).

Innehåll

Dag 1: Introduktion till React och komponentbaserad utveckling

• Introduktion till React: Vad är React och varför är det så populärt? Översikt över komponentbaserad utveckling.
• Grunderna i JSX: Hur JSX fungerar och varför det används för att skapa UI i React.
• Komponenter och props: Skapa enkla funktionella och klassbaserade komponenter. Förstå hur komponenter kommunicerar via props.
• Praktisk övning 1: Bygg en enkel webbapplikation med några grundläggande React-komponenter.

Dag 2: State-hantering och React hooks

• State och händelsehantering: Förstå skillnaden mellan props och state. Hur man hanterar state lokalt i en komponent.
• Introduktion till hooks: Användning av hooks som useState och useEffect för att hantera state och livscykelhändelser i funktionella komponenter.
• Forms och användarinteraktioner: Skapa interaktiva formulär och hantera användarinmatning i React.
• Praktisk övning 2: Bygg en interaktiv applikation där användarna kan fylla i formulär och se resultat dynamiskt uppdateras på sidan.

Dag 3: Routing och avancerad state-hantering

• React Router: Implementera routing för att navigera mellan olika sidor i en React-applikation.
• Komponenters livscykel och asynkrona operationer: Hantera API-anrop och asynkrona uppdateringar i React-applikationer.
• Introduktion till Redux (valfritt): Introduktion till global state-hantering och hur Redux kan användas för att hantera komplexa applikationer.
• Praktisk övning 3: Bygg en fullständig applikation med routing, state-hantering och API-integration.