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: Mobile App Development using React Native
Course unit code0247606071
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)Walter RITTER


Prerequisites and co-requisites
  • Object oriented programmierung
  • Basic knowledge of JavaScript/HTML/CSS 
Course content

In this lecture students will design and implement a mobile application using the crossplatform framework React Native. For this, students will work in teams of 2-3 people to develop an app idea, create a basic app concept, and implement it using a Human Centered Design process.

This lecture follows a learning-by-doing approach: based on the requirements of their project ideas, students will research relevant frameworks and patterns and use them in their app. At the same time they will learn to pay attention to subtle platform differences. 

Contents:

Introduction

  • Basic design principles for Mobile App Development.
  • Human Centered Design Process
  • Advantages / Disadvantages regarding native and crossplatform app development
  • Overview Crossplatform-Frameworks

Tutorial

  • Setting up the  React Native toolchain
  • Getting started: An extended Hello World app.

React Native

  • Concepts (Props, States, Styles,...) and how it works
  • Forming Components
  • Platform specific differences

Project work and Coaching

  • Development of an app idea
  • Development of the app concept
  • Implementation and continuous user testing
Learning outcomes

After this lecture, students are able to: 

  • state and apply basic design patterns for mobile application development
  • explain and apply the basic ideas of Human Centered Design in the context of mobile app development
  • identify relevant factors for a decision towards native or crossplatform development
  • design and implement React Native based mobile Apps
Planned learning activities and teaching methods

Lecture and project work.

Assessment methods and criteria

Assessment of active participation and project work (ideation/design/implementation).

Comment

None

Recommended or required reading
  • Ackermann, Philip (2018): JavaScript: Das umfassende Handbuch für Einsteiger, Fortgeschrittene und Profis. Inkl. ECMAScript 6, Node.js, Objektorientierung und funktionaler Programmierung. 2. Aufl. Rheinwerk Computing.
  • Apple (2019). iOS Human Interface Guidelines. Available online at: https://developer.apple.com/design/human-interface-guidelines/ios/overview
  • Expo (2019). Get Started with Expo. Available online at: https://expo.io/learn
  • Facebook (2019). Getting Started | React Native. Available online at: https://facebook.github.io/react-native/docs/getting-started
  • Google (2019). Material Design. Available online at: https://material.io
  • Mozilla (2019). JavaScript | MDN. Available online at: https://developer.mozilla.org/de/docs/Web/JavaScript
  • Rahul, G & Atul, R (2019): React Made Native Easy. Available online at: https://www.reactnative.guide
Mode of delivery (face-to-face, distance learning)

Classroom teaching

Summer Semester 2022go Top