Information on individual educational components (ECTS-Course descriptions) per semester

  
Degree programme:Bachelor Computer Science - Software and Information Engineering
Type of degree:FH BachelorĀ“s Degree Programme
 Full-time
 Summer Semester 2022
  

Course unit titleElective: Building a Web Application with React
Course unit code0247606070
Language of instructionEnglish
Type of course unit (compulsory, optional)Elective
Semester when the course unit is deliveredSummer Semester 2022
Teaching hours per week3
Year of study2022
Level of course unit (e.g. first, second or third cycle)First Cycle (Bachelor)
Number of ECTS credits allocated5
Name of lecturer(s)Daniel ROTTER


Prerequisites and co-requisites
  • Object oriented programming
  • HTML/CSS is an advantage
  • Computer network fundamentals
Course content
  • Introduction
    • Javascript Basics
    • NodeJS / NPM
    • Tooling
      • ESLint
      • Flow / TypeScript
      • Babel
      • Webpack
  • React
    • Concepts
    • JSX
      • Conditional Rendering
      • Render lists
    • Components
      • Props
      • State
    • Events
    • Forms
      • Controlled vs Uncontrolled Forms
    • React Dev Tools
  • State Management
    • Redux
      • Store, Actions and Reducers
    • MobX
      • Stores
      • Observables
      • Computed values
      • Boxed values
      • Observer
      • Autoruns & Reactions
      • Debugging with trace
  • Testing
    • Jest
      • Main functions and assertions
      • Mocking
        • Simple functions
        • mock other modules
    • Nightwatch
      • End to end testing with browsers
  • Next.js
  • D3.js
    • Selectors
    • Set properties and styles via functions
    • Enter & Exit Selections
    • Transitions
Learning outcomes
  • Students know about modern JavaScript
  • Students know about the advantages of using a library like React
  • Students know about problems handling state and some possible solutions
  • Students know about separation of concerns instead of separation of technologies
  • Students know about some QA tooling
  • Students know about different testing approaches and how to test a React application
  • Students know how to create visualizations using D3.js
Planned learning activities and teaching methods

Lecture and lab work.

Assessment methods and criteria
  • Peer-Feedback of assignments (20 %)
  • Digital exam in presence (80 %)
Comment

None

Recommended or required reading
  • 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
Mode of delivery (face-to-face, distance learning)

Classroom teaching

Summer Semester 2022go Top