Kom i kontakt

Kursplan

Utveckling av moderna front-end-applikationer

  • Översikt över och likheter mellan React, Angular och Vue.js
  • Deklarativ renderingsprocess
  • Komponenter – definierande anpassade HTML-taggar
  • Användning av create-react-app för att initialisera ett React-projekt

Moderna JavaScript

  • Utveckling med node.js och npm
  • JavaScript-versioner
  • Arbete med moduler
  • Funktioner och pil-funktioner (arrow functions)
  • Klasser
  • Funktionell programmering i JavaScript (map, filter, ...)

TypeScript

  • Statisk vs dynamisk typning
  • Declarering av typer för variabler, funktioner och klasser
  • Grundläggande datatyper
  • Tupler, objekt
  • Gränssnitt (interfaces)
  • Generika

React mallspråk

  • JavaScript-baserat mallspråk: JSX
  • Sättning av elementegenskaper
  • Upprepning av element
  • If / else-logik
  • Händelser
  • CSS-klasser och stilar

Statushantering i React

  • Sättning och ändring av tillämpningsstatus
  • Användning av state hook och setState
  • Fångst av innehåll från inmatningselement i statusen

Komponenter: Byggstenar för moderna webbapplikationer

  • Definition av anpassade HTML-taggar i React
  • Status, props och händelser
  • Dataflöde mellan komponenter
  • Funktionskomponenter och klasskomponenter
  • Användning av hooks i funktionskomponenter
  • Komponentlivscykel-händelser (mount, update, unmount)
  • Inkludering av fördefinierade komponenter från ett bibliotek

Statushantering med Redux

  • Redux grunder: statushantering med rena funktioner, reducer och immutabel data
  • Användning av reducer hook i React
  • Integration av Redux i en React-applikation
  • Presenterande och containerkomponenter
  • Redux ekosystemet
  • Hantering av asynkrona händelser med Thunk
  • Hämtning av data från en REST API

Utvecklarkostverk och testning

  • React utvecklarverktyg
  • Redux utvecklarverktyg
  • Testning av JavaScript med Jest
  • Testning av reducer
  • Testning av React-komponenter

React Router

  • Klientsida-routing
  • Visning av olika vyer baserat på aktuell webbläsarruta

App-utveckling med React

  • Kort översikt över React Native
  • Skapa en installerbar mobil- och skrivbordsapplikation med Progressive Web Apps
  • Jämförelse av Progressive Web Apps och nativa appar

Krav

  • Grundläggande kunskaper i HTML
  • Erfarenhet av JavaScript
 21 Timmar

Antal deltagare


Pris per deltagare

Vittnesmål (7)

Kommande Kurser

Relaterade Kategorier