Advanced Web Technologies

Semester: Summer semester 2023

Lecture language: English

Exam language: English

Exam type: Project work + Oral examination

Maximum number of participants: 30

Notice

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

About this course

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 and location

Lecture / Hands-on sessions:

  • Mon, 12:00 - 14:00
  • Online / LK 052
  • Starts on April 3, 2023

Lecture / Hands-on sessions:

  • Wed, 14:00 - 16:00
  • Online / LB 117
  • Starts on April 5, 2023

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 28 April 8, 2023, 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

Prof. Dr. Mohamed Chatti (Lecturer)
M. Sc. Shoeb Joarder (Teaching Assistant)

Student's Projects

Ode to Code NoteBot

The idea of the project is to develop a user-friendly web application that provides various functionalities, including the organization and categorization of notes and the ability to search for notes shared by other students. Additionally, the application incorporates an AI-powered chatbot, which can offer study guidance and support to users. This feature enhances the learning experience by providing personalized assistance and recommendations.

The technologies that will be used for the project are as follows:
  • Frontend: React.JS, Material UI
  • Backend: Node.JS, Express.JS, MongoDB, OpenAI
Team members:
  • Yusra Abdulrahman
  • Hla Abuhamra
  • Hadil Khbaiz
  • Hadeel Jamal Yousef Saleh
Links:

Hugs for Bugs BuddyMatch

The project aims to address the challenges faced by students when studying alone or finding study buddies. It recognizes the difficulties in both scenarios and proposes a solution to easily connect individuals looking for study partners. The aim of the project is to develop a study buddy finder application inspired by the popular dating app Tinder. The project offers a platform for discovering and connecting with compatible study partners. By leveraging Tinder's familiar and intuitive interface, the application aims to simplify the process of finding someone to study with, fostering collaboration and enhancing the overall learning experience.

The technologies used for the project are as follows:
  • Frontend: Angular, TailwindCSS, Daisy UI
  • Backend: Node.JS, Express.JS, MongoDB
Team members:
  • Louis Born
  • Robert Sauter
  • Juan Sanchez Fernandez
Links:

Webscope eLearningHelper

The idea of the project is to develop a platform for easy access to a wide range of learning resources. It simplifies the learning journey with a user-friendly webpage that offers personalized recommendations, curated collections, and a learning community. 

The technologies that will be used for the project are as follows:
  • Frontend: React.JS
  • Backend: Node.JS, Express.JS, MongoDB, OpenAI
Team members:
  • Ruidan Liu
  • Yifei Yao
  • Francisco Checa Laín
Links:

Techwizards GroupMeet

The idea of the project is to develop an online group meeting solution for the students at the University. It allows effortless scheduling capabilities, coordination, and collaboration with peers. It simplifies teamwork and keeps scheduling organized.

The technologies that will be used for the project are as follows:
  • Frontend: Angular
  • Backend: Node.JS, Express.JS, MongoDB
Team members:
  • Abdelrahman Eldakrony
  • Osama Moharam
  • Ahmed Abdelbary
  • Mohamed Tawfik
Links:

CodeMUSicians CourseHub

The idea of the project is to develop a Learning Management System (LMS) that motivates students to learn, tracks progress with timelines, allows activity comparisons across courses, and facilitates interactive quizzes and assignments.

The technologies that will be used for the project are as follows:
  • Frontend: React.JS, Material UI, ApexCharts.JS
  • Backend: Node.JS, Express.JS, MongoDB
Team members:
  • Sofie Teresa Kalthof
  • Utku Karadeniz
  • Mahsa Alavimand
Links: