Beschreibung einzelner Lerneinheiten (ECTS-Lehrveranstaltungsbeschreibungen) pro Semester

  
Studiengang:Bachelor Informatik - Software and Information Engineering
Studiengangsart:FH-Bachelorstudiengang
 Vollzeit
 Sommersemester 2022
  

Titel der Lehrveranstaltung / des ModulsWahlfach: Erstellen einer Webapplikation mit React
Kennzahl der Lehrveranstaltung / des Moduls0247606070
UnterrichtsspracheEnglisch
Art der Lehrveranstaltung (Pflichtfach, Wahlfach)Wahlfach
Semester in dem die Lehrveranstaltung angeboten wirdSommersemester 2022
Semesterwochenstunden3
Studienjahr2022
Niveau der Lehrveranstaltung / des Moduls laut Lehrplan1. Zyklus (Bachelor)
Anzahl der zugewiesenen ECTS-Credits5
Name des/der VortragendenDaniel ROTTER


Voraussetzungen und Begleitbedingungen
  • Objektorientierte Programmierung
  • HTML/CSS von Vorteil
  • Grundlagen Computernetzwerke
Lehrinhalte
  • Einführung
  • JavaScript Basiswissen
  • NodeJS / NPM
  • Tooling
    • ESLint
    • Flow / TypeScript
    • Babel
    • Webpack
  • React
    • Konzepte
    • JSX
      • Conditional Rendering
      • Rendern von Listen
      • Komponenten
        • Props
        • State
      • Events
      • Formulare
        • Controlled vs Uncontrolled Formulare
      • React Dev Tools
    • State Management
      • Redux
        • Store, Actions und Reducers
      • MobX
        • Stores
        • Observables
        • Computed values
        • Boxed values
        • Observer
        • Autoruns & Reactions
        • Debugging mit trace
    • Testing
      • Jest
        • Haupt Funktionen und Vergleiche
        • Mocking
          • Einfache Funktionen
          • Mocken von ganzen modules
      • Nightwatch
        • End to end testing im Browser
    • Next.js
    • D3.js
      • Selektoren
      • Setzen von properties und styles mit Funktionen
      • Enter & Exit Selections
      • Transitions
Lernergebnisse

Die Studierenden

  • kennen modernes JavaScript
  • kennen die Vorteile einer Library wie React
  • kennen Probleme beim Umgang mit State und mögliche Lösungen
  • kennen automatisierte qualitätssichernde Maßnahmen
  • kennen verschiedene Testing Ansätze und wissen wie man eine React Applikation testet
  • wissen wie man mit D3.js Visualisierungen erstellen kann
Geplante Lernaktivit├Ąten und Lehrmethoden

Vorlesungen und Laborübungen.

Pr├╝fungsmethode und Beurteilungskriterien
  • Peer-Feedback der Abgaben (20 %)
  • Elektronische Prüfung in Präsenz (80 %)
Kommentar

Keine

Empfohlene Fachliteratur und andere Lernressourcen
  • https://developer.mozilla.org
  • https://reactjs.org/docs
  • https://redux.js.org
  • https://mobx.js.org
  • https://jestjs.io/
  • https://nightwatchjs.org/
  • https://nextjs.org/
  • https://d3js.org
Art der Vermittlung

Präsenzveranstaltung






Sommersemester 2022an den Anfang