SplittyDev/ContactForm.md

## ContactForm.md

      
    Raw
  

              ContactForm.md
            
          
    Aufgabe: Kontaktformular

Ziel der Aufgabe ist es, ein visuell ansprechendes und funktionales Kontaktformular unter Verwendung moderner Webtechnologien zu erstellen.
Anforderungen

Technische Anforderungen


Eigene Entwicklungsumgebung einrichten
Webserver mit PHP und MySQL
Backend in PHP 7, MySQL
Frontend in HTML5, CSS3, JS ES6+ falls notwendig

Restriktionen


Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
Keine JS Frameworks wie jQuery

Aufgaben

Die Aufgaben sind in mehrere kleinere Probleme unterteilt.
Das Wissen welches zur Ausführung erforderlich ist, soll als Teil der Aufgabe autodidaktisch erworben werden.
0. Datenbankdesign

Entwerfe eine MySQL Datenbank zum Speichern der Daten.
1. Kontaktformular

Erstelle ein Kontaktformular in HTML5, welches die folgenden Felder beinhaltet:

Voller Name
Email Adresse
Betreff
Nachricht
Absenden Button

Das Kontaktformular soll dem Nutzer ansprechend präsentiert werden (CSS3).
2. Validierung

Der zweite Schritt beinhaltet die validierung der Kontaktdaten.
Alle Felder müssen befüllt werden, das Email Feld muss eine validate Email Adresse enthalten.
Die Validierung kann wahlweise vor dem Absenden in JavaScript oder nach dem Absenden in PHP erfolgen.
Im Falle der Validierung in PHP, ist dies als Teil der 3. Aufgabe anzusehen.
3. Senden der Daten

Dieser Schritt beinhaltet das übertragen der Daten an ein PHP Script über HTTP POST.
Das PHP Script legt die Daten in einer MySQL Datenbank ab.
Nach erfolgreichem Senden der Daten soll dem Nutzer eine visuelle Rückmeldung präsentiert werden.
4. Aggregation der Daten

In dieser Aufgabe wird eine Übersicht der versendeten Nachrichten angezeigt.
Ein PHP Script liest die eingegangenen Nachrichten aus der Datenbank und zeigt diese ansprechend an.
4.1. Bonus

In dieser Aufgabe wird die Übersicht aus Aufgabe 4 um administrative Funktionen erweitert.
Diese beinhalten das Löschen und Bearbeiten einzelner Nachrichten.
Viel Glück!

Bei Fragen zur Aufgabenstellung einfach an die Entwickler wenden.
Die Verwendung von Q&A-Foren wie StackOverflow ist ausdrücklich erlaubt und erwünscht, falls Wissen in bestimmten Aufgabenbereichen fehlt. Bitte Copy&Paste code vermeiden.

  
## ContactFormEnglish.md

      
    Raw
  

              ContactFormEnglish.md
            
          
    Assignment: Contact Form

Applicant: Samina Zahid
The goal of the assignment is the creation of a visually attractive, functional contact form that uses modern web technologies.
Requirements

Technical Requirements


Setting up your development environment
Setting up a PHP/MySQL Webserver
Writing the backend in PHP 7, MySQL
Writing the frontend in HTML5, CSS3, JS ES6+ if applicable

Restrictions


No PHP Frameworks like Laravel, Symfony, CakePHP, etc
No JS Frameworks like jQuery

Assignments

The assignment is split into a few smaller assignments.
0. Database Design

Design a MySQL Database to save the data.
1. Contact Form

Create a Contact Form in HTML5, which contains the following fields:

Full Name
Email Address
Subject
Message
Send Button

The contact form should look visually pleasing (CSS3) and provide a good user experience.
2. Validation

The second assignment is the validation of contact data.
At the time of sending, all fields must be filled, the email field must contain a valid email.
The validation can be done in JavaScript before sending, or in PHP after sending.
If the validation is done in PHP, it is to be seen as part of assignment 3.
3. Sending of data

This assignment is the sending of data to a PHP script via HTTP POST.
The PHP script writes the data to the MySQL database.
After sending the data, the user should get a visual response.
4. Aggregation of data

This assignment is about creating an overview of the sent messages.
A PHP script reads the incoming messages from the database and presents them to the user.
4.1. Bonus

In the bonus assignment, the overview (see assignment 4.) is extended by administrative functionality.
This means that it should be possible to delete and edit specific messages.
Good luck!

If you have any questions, don't hesitate to ask the other developers.
You are free to use StackOverflow and other Q&A platforms, but please don't copy&paste code from the internet.

  
## SocialTimeline.md

      
    Raw
  

              SocialTimeline.md
            
          
    Aufgabe: Social Timeline

Bewerber: Daniel Jäger
Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.
Anforderungen

Technische Anforderungen


Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
Backend in PHP/MySQL
Frontend in HTML/CSS/JS

Anwendung


Posts erstellen
Posts bearbeiten
Posts löschen
Posts liken
Posts kommentieren

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen.
Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.
Die Unterstützung von Nutzerprofilen wird für diese Aufgabe nicht verlangt.
Alle Aktionen werden der Einfachheit halber von einem zentralen Nutzer ausgeführt.
Bitte schreibe sauberen Code nach gängigen Prinzipien.

  
## SocialTimelineDynamic.md

      
    Raw
  

              SocialTimelineDynamic.md
            
          
    Aufgabe: Dynamic Social Timeline

Bewerber: Anstasia Savlukov
Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.
Anforderungen

Technische Anforderungen


Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
Backend in PHP 7, MySQL
Frontend in HTML5, CSS3, JS ES6+

Restriktionen


Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
Keine JS Frameworks wie jQuery, React, Vue

Anwendung


Posts erstellen
Posts bearbeiten
Posts löschen
Posts liken
Posts kommentieren
Live Feed-aktualisierung über AJAX

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen.
Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.
Die Unterstützung von Nutzerprofilen wird für diese Aufgabe nicht verlangt.
Alle Aktionen werden der Einfachheit halber von einem zentralen Nutzer ausgeführt.
Bitte schreibe sauberen Code nach gängigen Prinzipien.

  
## SocialTimelineDynamicGit.md

      
    Raw
  

              SocialTimelineDynamicGit.md
            
          
    Aufgabe: Dynamic Social Timeline

Bewerber: Johannes Ebert
Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.
Anforderungen

Technische Anforderungen


Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
Ein Git Repository verwalten
Backend in PHP, MySQL
Frontend in HTML5, CSS3, JavaScript ES6+

Restriktionen


Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
Keine JS Frameworks wie jQuery, React, Vue

Falls die Verwendung eines Frameworks dennoch gewünscht ist,
bitte kurz Absprache mit Marco Quinten halten.
Anwendung


Posts erstellen
Posts bearbeiten
Posts löschen
Posts liken
Posts kommentieren
Live Feed-aktualisierung über AJAX

Das Projekt bitte wenn möglich als GitHub Repository anlegen.
Falls die Einrichtung eines Repositories auf GitHub.com zu aufwendig ist,
reicht es aus, ein lokales Repository anzulegen.
Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen.
Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.
Die Unterstützung von Nutzerprofilen wird für diese Aufgabe nicht verlangt.
Alle Aktionen werden der Einfachheit halber von einem zentralen Nutzer ausgeführt.
Bitte schreibe sauberen Code nach gängigen Prinzipien.

  
## SocialTimelineExtended.md

      
    Raw
  

              SocialTimelineExtended.md
            
          
    Aufgabe: Social Timeline Extended

Bewerber: Christian Fleck
Ziel der Aufgabe ist es, eine visuell ansprechende und funktionale Social Timeline im Stil bekannter sozialer Netzwerke (Facebook, Twitter, etc.) unter Verwendung moderner Webtechnologien zu erstellen.
Anforderungen

Technische Anforderungen


Eigene Entwicklungsumgebung einrichten (inkl. Webserver mit PHP)
Backend in PHP 7, MySQL
Frontend in HTML5, CSS3, JS ES6+

Restriktionen


Keine PHP Frameworks wie Laravel, Symfony, CakePHP, etc
Keine JS Frameworks wie jQuery, React, Vue

Anwendung


Accounts erstellen
Accounts löschen
Login, Logout
Posts erstellen
Posts bearbeiten
Posts löschen
Posts liken
Posts kommentieren

Die Datenbankstruktur, Art der Umsetzung und das Design bleiben dir selbst überlassen.
Die Aufgabe gilt als erledigt, wenn alle Anforderungen erfüllt sind.
Bitte schreibe sauberen Code nach gängigen Prinzipien.