Lecture Advanced Web Technologies

Lecture Advanced Web Technologies

Semester: Summer Semester 2024

Lab language: English

Exam language: English

Exam type: Project Work + Oral Examination

Maximum number of participants: 30

Notice

The course will start on April 8, 2024, and will take place in a Blended Learning format (in-person + online). More information will be provided in the Moodle course room for the registered students. Registration is possible until March 25 April 3, 2024 (see the registration section below).

Description

The World Wide Web and its underlying technologies are increasingly gaining importance for the development of interactive Web applications. This course introduces concepts, principles, and methods in current client and server-side Web technologies. Basic Web technologies, such as HTML, CSS, JSON, JavaScript, etc., are a prerequisite to taking this course. The focus of this course is rather on advanced topics in emerging Web technologies. These include extensions of Web standards, Web toolkits, and development environments, current backend Web frameworks (e.g., Node/Express, Flask), frontend Web frameworks (e.g., Angular, React), and a combination of different Web technologies (e.g., MEAN/MERN Stack, Dash). This course follows a student-centered and project-based learning approach. Web technologies will be presented in the lecture by student groups. The presented technologies are further investigated and applied in hands-on sessions as well as small student projects carried out throughout the course.

Getting credits for this course requires the successful completion of all assignments, projects, and oral exams at the end of the semester. The final grade will be calculated as follows: student technology presentations including hands-on sessions (20%), projects (35%), class participation & group management/collaboration & individual contribution (12%), and oral exam (33%). 

Target Audience

  • Master ISE CE
  • Master Applied Computer Science
  • Master Komedia

Date & Location

Lecture / Hands-on sessions:

  • Mon, 12:00 – 14:00
  • LK 052 / Online
  • Starts on April 8, 2024

Lecture / Hands-on sessions:

  • Wed, 14:00 – 16:00
  • LB 117 / Online
  • Starts on April 10, 2024

Prerequisites

  • Knowledge of basic Web technologies such as HTML, CSS, and JavaScript is required
  • Knowledge of Python is helpful
  • High motivation and commitment
  • Good teamwork skills

Registration

Due to didactical methods, we have a limit of 30 students for this class (first come, first served). To register, please email Mr. Shoeb Joarder by March 25 April 3, 2024, with your matriculation number, study program, and knowledge/experience in Web technologies. If the maximum number of participants is reached, we will use a waiting list.

Organization

Lecturers

Student's Projects

WebTech Wizards LinguaFlip

The idea of the project is to help students learn new languages using flashcard features to memorize new vocabulary.

The technologies that will be used for the project are as follows:
  • Frontend: React.js, Material UI
  • Backend: Node.js, Express.js, MongoDB, DeepL API
Team members:
  • Sara Martín Rodríguez
  • Marawan Abdelgawad
  • Mohamed Abdelmagied
Links:

BEEF BATS

The project's goal is to help students learn the binary and decimal systems. The application allows students to test their learning through quizzes and self-reflect on their mistakes.

The technologies that will be used for the project are as follows:
  • Frontend: Angular, DaisyUI, TailwindCSS
  • Backend: Node.js, Express.js, MongoDB
Team members:
  • Kevin Hoffschlag
  • Veronika Bogdanovich
  • Ula Muhabbek
Links:

Web Surfers NoteWorks

The idea of the project was to help students take notes in an organized manner. The project has various organizational features, such as creating its own library of class notes based on subject or topic. Moreover, it features the summarize component that creates a summary of the student’s notes using the HuggingFace transformer model.

The technologies that will be used for the project are as follows:
  • Frontend: React.js
  • Backend: Node.js, Express.js, MongoDB
Team members:
  • Robert Fiedler
  • Anshuman Sinha
  • Manuel Francisco Frias Lorite
Links:

404 Math Battle

The idea of the project was to help the students learn basic mathematics and improve their mental arithmetic calculation using gamification features such as timers, levels, and fighting fictional characters.

The technologies that will be used for the project are as follows:
  • Frontend: React.js, Material UI
  • Backend: Node.js, Express.js, CosmosDB with Mongoose
Team members:
  • Leonie Keßler
  • Thomas Dluhosch
  • Laura Salas López
  • Muthna Jasim
Links:

Team Lambda WriteMa

The idea of the project was to help users by building an app that provides motivation and helps memory retention of difficult topics during learning sessions.

The technologies that will be used for the project are as follows:
  • Frontend: React.js, Material UI
  • Backend: Node.js, Express.js, MongoDB
Team members:
  • Daniela Sofia Carcausto Osco
  • Hazem Al Massalmeh
  • Nimesh Ghimire
  • Fabian Kvas
Links: